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标签，方便开发

文档