/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

27 votes354 views4 answers
Font awesome react npm
Javascript React
0 vote262 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
7 votes317 views2 answers
React router 6 redirect
Javascript React
0 vote314 views1 answer
React input number validation
Javascript React
0 vote318 views1 answer
OnPress image react native
Javascript React
4 votes286 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
0 vote308 views1 answer
React router dom props.history is undefined
Javascript React
0 vote350 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
0 vote330 views1 answer
As it does not contain a package.json file. react
Javascript React
0 vote304 views1 answer
Hide component blur react hooks
Javascript React