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

useffect compare previous value to current

Embarrassed Echidna answered on June 14, 2021 Popularity 7/10 Helpfulness 7/10

answer useffect compare previous value to current

useffect compare previous value to current

Comment

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

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

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

Popularity 7/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: compare javascript

Link to this answer
Share Copy Link