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

previous state in useEffect

Shy Seahorse answered on October 22, 2020 Popularity 10/10 Helpfulness 3/10

answer previous state in useEffect

related when to use previous state in useState

previous state in useEffect

Comment

function usePrevious(value) {
  const ref = useRef();
  useEffect(() => {
    ref.current = value;
  });
  return ref.current;
}

const Component = (props) => {
    const {receiveAmount, sendAmount } = props
    const prevAmount = usePrevious({receiveAmount, sendAmount});
    useEffect(() => {
        if(prevAmount.receiveAmount !== receiveAmount) {

         // process here
        }
        if(prevAmount.sendAmount !== sendAmount) {

         // process here
        }
    }, [receiveAmount, sendAmount])
}

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: state use-effect whatever

Link to this answer
Share Copy Link

Contributed on Apr 16 2021

Shy Seahorse

0 Answers Avg Quality 2/10

Closely Related Answers

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

previous state in useEffect

Contents

More Related Answers

previous state in useEffect

Closely Related Answers

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.