参考： React 官网：https://zh-hans.react.dev/ React 教程：https://zh-hans.react.dev/learn 1.受控与非受控组件1.1 表单非受控组件 ref 来从 DOM 节点中获取表单数据，就是非受控组件 如果你不介意代码美观性，并且希望快速编写代码，使用非受控组件往往可以减少你的代码量。否则，你应该使用受控组件。 在 React 渲

参考： React 官网：https://zh-hans.react.dev/ React 教程：https://zh-hans.react.dev/learn 参考资料：https://juejin.cn/post/7492238013192454170 React HooksReact Hooks 是 React 16.8 版本引入的一项重大特性。它允许在不编写 class 的情况下使用

参考： React 官网：https://zh-hans.react.dev/ React 教程：https://zh-hans.react.dev/learn 1. 生命周期v17 & v19组件的生命周期可分成三个状态： Mounting(挂载|初始化)：已插入真实 DOM (constructor→render→componentDidMount) Updating(更新|运

参考： React 官网：https://zh-hans.react.dev/ React 教程：https://zh-hans.react.dev/learn React Router 官网：https://reactrouter.com/ React Router 教程V6：https://reactrouter.com/6.30.3 React Router 教程V6（中文）：https

参考： Mbox 官网：https://www.mobx.org.cn/ 1. Mobx1.1 介绍(1) Mobx是一个功能强大，上手非常容易的状态管理工具。 (2) Mobx背后的哲学很简单: 任何源自应用状态的东西都应该自动地获得。 (3) Mobx利用 getter 和 setter 来收集组件的数据依赖关系，从而在数据发生变化的时候精确知道哪些组件需要重绘，在界面的规模变大的时候，

参考： Flux 架构思想框架×15：https://github.com/voronianski/flux-comparison Redux 源码：https://github.com/reduxjs/redux Redux 官网：https://redux.js.org/ React-Redux 源码：https://github.com/reactjs/react-redux Redux

参考： Ant Design（PC端）：https://ant.design/index-cn/ Ant Design（PC端-镜像库·快）：https://gitee.com/ant-design/ant-design Ant Design（移动端）：https://mobile.ant.design/zh Ant Design 是一个致力于提升『用户』和『设计者』使用体验的设计语言 ；

参考： immutable 官网：https://immutable-js.com/ immutable 源码：https://github.com/immutable-js/immutable-js 背景： 对象= 引用赋值(浅拷贝)，修改复制后的对象，会影响原对象 对象... 展开赋值(浅拷贝+1层)，只比浅拷贝多复制一层数据（只有一层结构时完全可以使用），深层的值修改还会影响原对象

参考： react-test-renderer 官网：https://zh-hans.legacy.reactjs.org/docs/test-renderer.html 1. react-test-renderer1.1 安装安装：npm i react-test-renderer@18 - 对应 react 的版本，当前用的是 v18 就暂时下载的是 v18 1.2 使用目录： 1234

参考： styled-components 官网：https://styled-components.com/ styled-components 教程：https://www.zhifeiya.cn/reference/styled-components.html 1. styled-components 它是通过JavaScript改变CSS编写方式的解决方案之一，从根本上解决常规CSS