React学习（一）

React 基础概念

1. 组件：React 应用的基本构建块，可以是类组件或函数组件。
2. JSX：JavaScript 的语法扩展，允许在 JavaScript 中写 HTML 结构。
3. Props：组件的输入参数，用于父组件向子组件传递数据。
4. State：组件的内部状态，用于管理组件的数据。
5. 虚拟 DOM：React 使用虚拟 DOM 来提高性能，通过比较虚拟 DOM 的变化来最小化实际 DOM 的操作。
6. 单向数据流：数据在 React 应用中自上而下流动，从父组件传递到子组件。

React 架构图

+-------------------+
|   Parent Component|
|   (State)         |
+-------------------+
         |
         v
+-------------------+
|   Child Component |
|   (Props)         |
+-------------------+
         |
         v
+-------------------+
|   Virtual DOM     |
+-------------------+
         |
         v
+-------------------+
|   Real DOM