记录 react hooks useRef 的使用过程中的一个问题

首先明确什么是react hooks

这里有详细解释:https://www.jianshu.com/p/d600f749bb19

纯函数式组件

react 组件分为函数式组件和class 类组件

  1. 类组件有生命周期
  2. 拥有this对象
  3. 有status 状态

纯函数式组件

  1. 没有this对象
  2. 没有生命周期
  3. 没有状态等

导致存函数式组件有不小的局限性,但是比较小巧,容易封装。为了弥补这些问题,出现了react hooks (钩子)

  1. useState() 设置状态
  2. useEffect () 充当生命周期使用
  3. useRef() 创建引用 createRef()
    10.等

今天遇到的问题 updateForm.current.setFieldsValue(h)

使用hooks 的时候这个current 在第一次的时候为null ,猜测原因应该是在生命周期内第一次渲染没有绑定上ref。
想到js异步方法会放到最后执行所以

   setTimeout(() => {
    updateForm.current.setFieldsValue(h)
    }, 0);
    使用这样的方式将问题得到解决
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值