useeffect previous state

Solutions on MaxInterview for useeffect previous state by the best coders in the world

showing results for - "useeffect previous state"

13 Aug 2018

1const Component = (props) => {
2    const {receiveAmount, sendAmount } = props
3
4// declare usePrevious hook
5    const usePrevious = (value) => {
6      const ref = useRef();
7      useEffect(() => {
8        ref.current = value;
9      });
10      return ref.current;
11    }    
12    
13// call usePrevious hook on component state variables to store previousState
14    const prevAmount = usePrevious({receiveAmount, sendAmount});
15  
16  	// useEffect hook to detect change of state variables
17    useEffect(() => {
18        if(prevAmount.receiveAmount !== receiveAmount) {
19
20         // process here
21        }
22        if(prevAmount.sendAmount !== sendAmount) {
23
24         // process here
25        }
26    }, [receiveAmount, sendAmount])
27}

source

similar questions

useeffectonce prevstate in usestate useffect compare previous value to current react useref in useeffect useeffect umnount react break out of useeffect react addeventlistener useeffect usestate access previous state react useeffect useeffect on update react hook useeffect rendered more hooks than during the previous rende how to setstate in useeffect react useeffect on change props react history listen get previous location react useeffect is cancelled when to use previous state in usestate useprevious concatenate state with previous state in react redux

queries leading to this page

previous state with react hooks how to get previous state in useeffect previous state in react hooks use previous state react useeffect previous state react use previous react use previous props usestate previous state useeffect with previous state react hooks previous state useeffect access previous state get previous state in useeffect useeffect previous state