/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

7 votes129 views2 answers
How to pass a component as a prop in react
Javascript React
0 vote136 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
0 vote141 views1 answer
React features
Javascript React
1 vote130 views1 answer
React why onclick property function trigger without click
Javascript React
108 votes180 views1 answer
How to start react app in windows
Javascript React
13 votes168 views10 answers
React navigation
Javascript React
2 votes168 views1 answer
Set dynamic route in link react js
Javascript React
2 votes147 views1 answer
How to see if a web site is useing react
Javascript React
0 vote141 views1 answer
Opening a link in another tab in react
Javascript React
0 vote197 views1 answer
Flipper semantic issue react native
Javascript React