鱼遇海

useState：管理组件状态。useEffect：处理副作用（如数据获取、订阅）。useContext：访问 React Context。useReducer：复杂状态管理。useMemo 和 useCallback：优化性能。React 高级特性时间切片：将渲染任务拆分为小块，避免阻塞主线程。优先级调度：根据用户交互优先级调整渲染顺序。相关 API：useTransition、useDeferredValue。减少客户端 JavaScript 体积。

React Hooks 是 React 16.8 引入的特性，它允许在函数组件中使用状态（state）和其他 React 特性（如生命周期方法）。以下是 React Hooks 的主要优势和劣势：Hooks 消除了类组件中的复杂结构（如 this 和生命周期方法），使代码更简洁易读。函数组件比类组件更轻量，减少了样板代码。自定义 Hooks 可以将组件逻辑提取到可复用的函数中，解决了高阶组件（HOC）和渲染属性（Render Props）模式带来的嵌套问题。useState 和 useReducer 提供了

setState第一个参数还可以接受一个函数, 改函数有两个参数，第一个参数是上一次的值，第二个参数是组件的属性。在生命周期里 或者 在React的合成事件里，是异步的。在setTimeout里，或者原生事件里是同步的。setState接收第二个参数可以获取改变后的值。

第二步 初始化配置 创建 postcss.config.js 、 tailwind.config.js 文件。第一步 下载安装依赖 tailwindcss。第三步 引入根样式文件。