react hooks相关

2020-03-27  本文已影响0人  sweetBoy_9126

1.有些时候我们监听数据变化的时候不希望拿到第一次初始化的数据,这时候我们就需要额外加一个计数器,当它大于1的时候才去监听

const useUpdate = (dep: boolean, fn: () => void) => {
  const [count, setCount] = useState(0)
  useEffect(() => {
    setCount(x => x + 1)
  }, [dep])
  useEffect(() => {
    if (count > 1) {
      fn()
    }
  }, [count])
}

使用useRef来优化

const useUpdate = (dep: boolean, fn: () => void) => {
  const isFirst = useRef(true)
  useEffect(() => {
    if (isFirst.current) {
      isFirst.current = false;
      return
    }
    fn()
  }, [dep])
}

上面的dep就是我们依赖的数据,fn就是我们数据变化后需要作出的修改

上一篇下一篇

猜你喜欢

热点阅读