React 函数式组件 hooks

常用钩子函数

状态钩子: useState0

const [count, setCount]= useState(0);

React自带的一个hoOk函数,
声明组件状态参数可以设置 state的初始值( initial state)
返回值是一个只有两个元素的数组:[状态,状态更新函数

副作用钩子: useEffect0

useEffect(()=> {
  document.title=`点击${ count}次`; 
},[count]);

其他常用钩子函数:

  • useContext 处理跨组件的数据传递
  • useReducer 管理全局状态
  • useCallback 处理回调的副作用
  • useRef 返回引用对象,在生命周期中保持不变
  • useLayoutEffect 用于处理副作用,所有dom元素变更之后同步调用, 读取dom数据,触发同步渲染
  • useDebugValue 可以在开发者工具中显示我们自定义的hook标签,方便开发

文档

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件类的缺点 React 的核心是组件。v16.8 版本之前,组件的标准写法是类(class)。下面是一个简单的组...
    grey_2450阅读 420评论 0 0
  • 前言 文章虽然比较长,但是可以说是全网最全最有用的总结了,学会的记得分享、点赞、收藏、谢谢支持 React 在 v...
    流动码文阅读 1,070评论 0 2
  • React是现在最流行的前端框架之一,它的轻量化,组件化,单向数据流等特性把前端引入了一个新的高度,现在它又引入的...
    老鼠AI大米_Java全栈阅读 5,788评论 0 26
  • 课程目标 掌握函数组件的创建与使用; 掌握 React 常见 Hooks 使用; 掌握如何自定义 Hook。 课程...
    magic_pill阅读 334评论 0 0
  • 目录 什么是 React Hooks? 为什么要创造 Hooks? Hooks API 一览 Hooks 使用规则...
    一个笑点低的妹纸阅读 1,094评论 0 2