/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 vote140 views2 answers
React native bottom sheet example
Javascript React
1 vote128 views1 answer
How to use react memo hooks
Javascript React
1 vote182 views2 answers
Hosting react with pm2
Javascript React
0 vote127 views1 answer
Debug react routes
Javascript React
0 vote137 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React
2 votes142 views1 answer
Display image as big as possible react native
Javascript React
9 votes194 views1 answer
How to create a react app in current folder
Javascript React
16 votes161 views2 answers
Where to put background images in react app
Javascript React
110 votes157 views2 answers
Create react js app
Javascript React
0 vote125 views1 answer
React native firebase email verification
Javascript React