Breaking News: Grepper is joining You.com. Read the official announcement!

usestate access previous state

Add Answer

Thankful Turtle answered on October 22, 2020 Popularity 10/10 Helpfulness 2/10

answer usestate access previous state

related usestate previous state

related when to use previous state in useState

usestate access previous state

Comment

const [arrayOfObjs, handleObjSelection] = useState([]);

// on a buttton for example
<button
  onClick={selectedObj => handleObjSelection(
              prevSelected => [...prevSelected, selectedObj],
  		  ))}
>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript state use-state

Link to this answer
Share Copy Link

Contributed on Feb 19 2021

Thankful Turtle

0 Answers Avg Quality 2/10

Closely Related Answers

usestate previous state

Comment

const Foo = (props) => {
  const [name, updateName] = useState('Doe');

  return (
    <div>
      <div>{name}</div>
      <button
        onClick={() => updateName((prevState) => (
          `Old value was ${prevState}`
    	  )
        )}
      >
        Click me
      </button>
    </div>
    )
}


export default Foo;

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 19 2022

Thankful Turtle

0 Answers Avg Quality 2/10

when to use previous state in useState

Comment

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);

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 22 2020

Dangerous Dog

0 Answers Avg Quality 2/10

usestate access previous state

Contents

More Related Answers

usestate access previous state

Closely Related Answers

usestate previous state

when to use previous state in useState

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.