如何比较 React Hooks 上的旧值和新值?

2020-07-05  本文已影响0人  你期待的花开

比较 React Hooks 上的旧值和新值

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

然后

const Component = (props) => {
    const {valueA, valueB} = props
    
    const prevValue = usePrevious({valueA, valueB});
    useEffect(() => {
        if(prevValue.valueA !== valueA) {
           ...
       }
        if(prevValue.valueB !== valueB) {
           ...
        }
    }, [valueA, valueB])
}
上一篇 下一篇

猜你喜欢

热点阅读