概述
首先明确什么是react hooks
这里有详细解释:https://www.jianshu.com/p/d600f749bb19
纯函数式组件
react 组件分为函数式组件和class 类组件
- 类组件有生命周期
- 拥有this对象
- 有status 状态
纯函数式组件
- 没有this对象
- 没有生命周期
- 没有状态等
导致存函数式组件有不小的局限性,但是比较小巧,容易封装。为了弥补这些问题,出现了react hooks (钩子)
- useState() 设置状态
- useEffect () 充当生命周期使用
- useRef() 创建引用 createRef()
10.等
今天遇到的问题 updateForm.current.setFieldsValue(h)
使用hooks 的时候这个current 在第一次的时候为null ,猜测原因应该是在生命周期内第一次渲染没有绑定上ref。
想到js异步方法会放到最后执行所以
setTimeout(() => {
updateForm.current.setFieldsValue(h)
}, 0);
使用这样的方式将问题得到解决
最后
以上就是甜美芹菜为你收集整理的记录 react hooks useRef 的使用过程中的一个问题的全部内容,希望文章能够帮你解决记录 react hooks useRef 的使用过程中的一个问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复