我是靠谱客的博主 甜美芹菜,最近开发中收集的这篇文章主要介绍记录 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);
    使用这样的方式将问题得到解决

最后

以上就是甜美芹菜为你收集整理的记录 react hooks useRef 的使用过程中的一个问题的全部内容,希望文章能够帮你解决记录 react hooks useRef 的使用过程中的一个问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(37)

评论列表共有 0 条评论

立即
投稿
返回
顶部