美文网首页
如何比较 React Hooks 上的旧值和新值?

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

作者: 你期待的花开 | 来源:发表于2020-07-05 17:30 被阅读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])
}

相关文章

网友评论

      本文标题:如何比较 React Hooks 上的旧值和新值?

      本文链接:https://www.haomeiwen.com/subject/jiwvqktx.html