14、React高级Hooks详解

React高级Hooks详解

1. 已学Hooks回顾

在深入学习React提供的高级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, isPe