📄️ 简介
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
📄️ useState
基础示例
📄️ useEffect
如果你熟悉 React class 的生命周期函数,你可以把 useEffect Hook 看做 componentDidMount,componentDidUpdate 和 componentWillUnmount 这三个函数的组合。
📄️ useMemo
返回一个 memoized 值。
📄️ useRef
useRef 返回一个可变的 ref 对象,其 .current 属性被初始化为传入的参数(initialValue)。返回的 ref 对象在组件的整个生命周期内保持不变。
📄️ useContext
概述
📄️ useReducer
useState 的替代方案。它接收一个形如 (state, action) => newState 的 reducer,并返回当前的 state 以及与其配套的 dispatch 方法。(如果你熟悉 Redux 的话,就已经知道它如何工作了。)
📄️ useCallback
返回一个 memoized 回调函数。
📄️ useTransition
返回一个状态值表示过渡任务的等待状态,以及一个启动该过渡任务的函数。
📄️ 自定义Hook
通过自定义 Hook,可以将组件逻辑提取到可重用的函数中。