基于 Vite 构建并配置

useState

用于管理状态的 API，可实现状态的初始化、读取与更新

当状态发生变化时，会触发组件的重新执行，重新执行时，不会重复调用 useState 为数据赋初始值，而是会复用上一次的 state 值 （首次渲染和更新渲染）

以函数形式为 state 赋初始值

值更新不及时的问题

更新对象类型的值

使用 useState 模拟组件的强制更新

useRef

useRef 返回一个可变的 ref 对象，该对象只有一个 current 属性。可以在 useRef 函数时为其指定初始值，并且这个返回的 ref 对象在组件的整个生命周期内都保持不变

useRef 通常用于：

1. 获取 DOM 元素或子组件的实例对象
2. 存储渲染周期之间共享的数据

存储组件渲染周期之间的共享数据

useRef 特性

forwardRef - 父组件引用/调用 子组件

控制对象成员的暴露粒度

useImperativeHandle 依赖项数组的使用

useEffect

useEffect 的执行时机是在组件渲染完成之后