useGetState.js

// 当你在react hook中想读取或者设置某个值但是并不关心它们的变化时，可以使用下面的hook

export function useGetState(data) {
  const [val, setVal] = React.useState(data);
  const currentValRef = React.useRef(val);
  currentValRef.current = val;
  return React.useCallback((...args) => {
    if (args.length) {
      setVal(args[0]);
    } else {
      return currentValRef.current;
    }
  }, []);
}

这里是一个例子
https://codesandbox.io/s/trusting-bouman-shc68j