单向数据流
当前组件的 state 以 props 的形式流动时，组件不会改变接收的数据，只会监听数据的变化，当数据发生变化时它们会使用接收到的新值，而不是去修改已有的值。
| 通信组件 | 方法 | 介绍 |
|---|---|---|
| 父->子 组件通信 | 父组件通过传递 Props 给子组件 | |
| 子->父 组件通信 | 子组件调用父组件函数参数： 父组件传递给子组件的是一个绑定了自身上下文的函数 那么子组件在调用该函数时就可以将想要交给父组件的数据以函数入参的形式给出去 |
|
| 兄弟组件通信 | 状态提升：将两个兄弟组件公共状态提升到公共父组件中，通过父组件 props 和 事件传递 | |
| 跨层级的组件通信 | Context API | |
| 任意组件通信 | 发布订阅机制、Redux |
constructor()componentWillReceiveProps()shouldComponentUpdate()componentWillMount()componentWillUpdate()componentDidUpdate()componentDidMount()render()componentWillUnmount()| 内容 | 库/框架 | |
|---|---|---|
| 基础 | ||
| 核心API： 22种 Hooks | ||
| 数据状态管理 | Redux | |
| 路由 | React-Router | |
| UI框架 | Ant Design | |
| 企业级前端应用框架 | Umijs | 采用约定式路由，并配备了一套完善的插件体系 |
| Hooks-Admin | 基于 React18、React-Router v6、React-Hooks、Redux && Redux-Toolkit、TypeScript、Vite2、Ant-Design 开源的一套后台管理框架 |