作用：使用ref暴露DOM节点给父组件。

作用：和useState的作用类似，用来管理相对复杂的状态数据。

作用：允许组件在Props没有改变的情况下跳过渲染react组件默认的渲染机制：只要父组件重新渲染子组件就会重新渲染如果子组件本身不需要做重新渲染，就会存在浪费，memo就可以实现。

根据初始值自动推断类型比较适合明确的初始值。

Suspense 是一种异步渲染机制，其核心理念是在组件加载或数据获取过程中，先展示一个占位符（loading state），从而实现更自然用户界面更新体验。

因为 React 没有Vue的Scoped，但是React又是SPA(单页面应用)，所以需要一种方式来解决css的样式冲突问题，也就是把每个组件的样式做成单独的作用域，实现样式隔离，而css modules就是一种解决方案，但是我们需要借助一些工具来实现，比如webpack，postcss，css-loader，vite等。

递归转换 menuList 为 Ant Design Menu 的 items 格式。

总结：Immer 是一个非常强大的库，它让我们可以以可变的方式编写代码，而最终得到的是不可变的数据。在 React 中使用 Immer 可以简化状态更新逻辑，提高代码的简洁性、减少错误、提高开发效率和代码的可维护性。无论是处理简单的状态还是复杂的嵌套状态，Immer 都能帮助我们轻松应对。

本文介绍了如何创建Express后端项目。首先需全局安装express-generator，在Windows系统可能需以管理员身份修改执行策略。创建项目时使用express --no-view clwy-api命令避免视图模板，专注于API开发。安装依赖后启动服务访问localhost:3000。将路由响应改为JSON格式输出，并强调需删除默认的index.html文件。最后推荐安装nodemon

在开发uniapp Vue3版本的时候，不能像vue2的选项式API一样，可以直接使用onLoad、onShow等，在组合式API中需要先从“@dcloudio/uni-app”模块中导入才可以。uniapp页面生命周期函数与 Vue.js 的生命周期函数有所不同，因为 uni-app 是基于 Vue.js 的跨平台应用框架，因此它具有自己特定的生命周期函数。可以在这些生命周期函数中编写相应的逻辑