/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

1 vote298 views1 answer
Div onchange react
Javascript React
111 votes300 views6 answers
Install bootstrap in react
Javascript React
14 votes279 views2 answers
Photo in React native
Javascript React
18 votes265 views6 answers
How to import svg in react
Javascript React
2 votes350 views1 answer
React router 6 navigate
Javascript React
0 vote264 views1 answer
To do list app react code
Javascript React
0 vote291 views1 answer
Rn push notification No task registered for key ReactNativeFirebaseMessagingHeadlessTask
Javascript React
0 vote282 views1 answer
Camera roll react native
Javascript React
2 votes295 views2 answers
Horizontal divider react native
Javascript React
0 vote287 views1 answer
How to get back image and front text in react native
Javascript React