14、React高级Hooks全面解析

React高级Hooks全面解析

1. 已学Hooks回顾

在深入学习更高级的Hooks之前，我们先来回顾一下已经学过的Hooks：
| Hook名称 | 功能描述 | 代码示例 |
| — | — | — |
| useState | 返回一个在重新渲染时会持久化的值和一个更新它的函数 | const [state, setState] = useState(initialState) |
| useEffect | 接受一个包含副作用代码的函数，在渲染完成后运行 | useEffect(() => { // do something }, [state]) |
| useContext | 接受一个上下文对象并返回该上下文的当前值 | const value = useContext(NameOfTheContext) |
| useReducer | 是 useState 的高级版本，接受一个reducer函数 | const [state, dispatch] = useReducer(reducer, initialState, initFn) |
| useActionState | 定义一个动作状态钩子，需要提供一个动作函数 | const [state, action, isPending] = useActionState(actionFn, initialState) |
| useFormStatus | 用于处理表单提交状态，返回一个