美文网首页
react hooks需要了解的基础知识面试常见问题

react hooks需要了解的基础知识面试常见问题

作者: 9月的甜橙子 | 来源:发表于2021-10-05 14:34 被阅读0次

介绍Hooks之前,首先要给大家说一下React的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望,组件不要变成复杂的容器,最好只是数据流的管道。开发者根据需要,组合管道即可。也就是说组件的最佳写法应该是函数,而不是类。。
但是我们知道,在以往开发中类组件和纯函数组件的区别是很大的,纯函数组件有着类组件不具备的多种特点,简单列举几条

  • 纯函数组件没有状态
  • 纯函数组件没有生命周期
  • 纯函数组件没有this
  • 只能是纯函数

React Hooks 的意思是,组件尽量写成纯函数,如果需要外部功能和副作用,就用钩子把外部代码"钩"进来。

  • useState()
  • useContext()
  • useReducer()
  • useEffect()

useState

useState 和 useReducer 都是关于状态值的提取和更新,从本质上来说没有区别,从实现上,可以说 useState 是 useReducer 的一个简化版,其背后用的都是同一套逻辑。

由 useState 返回的这个用来更新状态的函数(下文称为 dispatcher),运行的原理是怎么样的呢?当我们在每次调用 dispatcher 时,并不会立刻对状态值进行修改(对的,状态值的更新是异步的),而是创建一条修改操作——在对应 Hook 对象的queue属性挂载的链表上加一个新节点。

hook是调用其他东西,
修改值之后不能立刻去用,立刻用的话可能是老的值,是异步的


如果本文对您有帮助,请给我点赞哦~ 谢谢~

相关文章

网友评论

      本文标题:react hooks需要了解的基础知识面试常见问题

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