React 函数式组件 hooks

作者: GloryMan | 来源:发表于2022-02-16 11:51 被阅读0次

常用钩子函数

状态钩子: 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 Hooks

    React Hooks Hooks其实就是有状态的函数式组件。 React Hooks让React的成本降低了很多...

  • react-hooks

    前置 学习面试视频 总结react hooks react-hooks react-hooks为函数组件提供了一些...

  • React入门(三)

    React Hooks React提供很多钩子函数,可以让函数式组件拥有状态和常用的生命周期函数以及ref/con...

  • 来简单聊一聊React Hooks

    为什么会有Hooks?大家都知道React的组件创建方式,一种是类组件,一种是函数式组件,在React官方希望,组...

  • React Hooks在SD-WAN项目中实践

    前言 React Hooks是React16新出的基于函数式组件的一组新的api,其不同于之前class组件的内层...

  • React_hooks

    React_hooks React16.8新增的特性,主要针对函数组件 一、函数组件和类组件的区别 函数组件的运行...

  • React 函数式组件 hooks

    常用钩子函数 状态钩子: useState0 React自带的一个hoOk函数,声明组件状态参数可以设置 stat...

  • React-Hook的使用

    函数式组件在不编写class的情况下使用state以及其他的React特性(比如生命周期) 一、Hooks结合函数...

  • React Hooks - 学习笔记

    React Hooks Hook 是能让你在函数组件中“钩入” React 特性的函数。 State Hook u...

  • useState和useEffect

    Hooks Hooks是React16.8.0版本推出的api,用来解决函数组件中功能不足的问题 组件:无状态组件...

网友评论

    本文标题:React 函数式组件 hooks

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