/Javascript/React/This setstate previous state react

This setstate previous state react

When to use previous state in useState

import React, { useState } from "react";
import ReactDOM from "react-dom";

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <h1>{count}</h1>
      <button onClick={() => setTimeout(() => setCount(count + 1), 2000)}>
        Delayed Counter (basic)
      </button>
      <button onClick={() => setTimeout(() => setCount(x => x + 1), 2000)}>
        Delayed Counter (functional)
      </button>
      <button onClick={() => setCount(count + 1)}>Immediate Counter</button>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<Counter />, rootElement);

Source: stackoverflow.com

This setstate previous state react

state = {count: 0}

increment = () => { 
this.setState(previousState => ({
count: previousState.count + 1
}))
}

Similar codes

0 vote190 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote175 views1 answer
Reactjs lifecycle class components
Javascript React
0 vote189 views1 answer
React Readonly fractional rating
Javascript React
0 vote143 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote190 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
0 vote160 views1 answer
How to add autoserial number in react js
Javascript React
0 vote154 views2 answers
Write data in props.histroy.push in react component
Javascript React
2 votes149 views4 answers
Discord js remove reaction from user
Javascript React
31 votes164 views1 answer
Install react router dom and save
Javascript React
16 votes163 views6 answers
React useState hook
Javascript React