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

比较 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 上的旧值和新值?)