美文网首页
react hooks相关

react hooks相关

作者: sweetBoy_9126 | 来源:发表于2020-03-27 15:55 被阅读0次

    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就是我们数据变化后需要作出的修改

    相关文章

      网友评论

          本文标题:react hooks相关

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