自定义 Hook 是 React 的一项特性,允许我们将组件逻辑进行封装和复用。通过自定义 Hook,可以提取组件中的状态逻辑、副作用等,并在不同组件中共享这些逻辑。
理解
自定义hook是一个函数,一般以"use"开头,以示和内置的hook区分
看上去像一个普通函数,函数内部可以调用其他Hook
自定义 Hooks 主要有两点优势:逻辑复用,复杂代码分离
使用场景:封装可复用的逻辑、监听数据的状态、拆分复杂的逻辑
简易版的useState
定义了一个 useState
函数,接收一个初始值作为参数。使用闭包,创建了一个局部变量 state
,并将初始值赋给它.
然后,定义了 setState
函数,它接收一个新的值作为参数,并将 state
更新为新的值
最后返回一个数组,包含 state
和 setState
,使其可在组件中使用