zoukankan      html  css  js  c++  java
  • useRef源码

    useRef在网上看了好几篇博客+自己理解

    let lastRef

    function useRef(value){

      lastRef = lastRef || {current:value}

      return lastRef

    }

    我们利用这个useRef可以绑定dom,还可以自定义hook,这里我主要讲下自定义hook

    usePre   比如有这个hooks是我写的,那么它可以替代componentWillReceiverProps

    function usePre(){

      useEffect(() => {
          latestCount.current = count;
          console.log(latestCount.current)
        });  
      console.log(latestCount.current)

    }

    这里先揭开答案,下面的值是旧的,上面的值是新的,

    因此我完全可以造出这样一个hooks

     继续补一下useRef代替dom使用时

    我们自然用过React.createRef(),useRef也是一个样子只不过 {current:value}这样,

    <Child ref={childRef} />,

    当然我们在使用dom的时候也就自然要带上current.setText()方法这样使用

    当我们父组件里面套用子组件,想在父组件中用到子组件的方法,我们可以借助 forwardRef(Child)   条件:Child是个函数组件,

     父组件里面用.current.setTextByParent()就可以了,

  • 相关阅读:
    JavaScript——引用类型
    react+express+mongodb搭建个人博客
    JavaScript——变量及其作用域
    CSS——盒子模型
    CSS——浮动及清除浮动
    hexo博客分支教训
    使用Node.js+Express 简易开发服务端实例
    发布Nuget包命令
    当心引用类型的“坑”
    sqlcmd相关
  • 原文地址:https://www.cnblogs.com/MDGE/p/13849014.html
Copyright © 2011-2022 走看看