初始react
使用 React 时，就是先用 JSX 这种直观的方式，设计好你的各种乐高积木（组件）。然后把它们拼成你想要的网页
组件的数据：props 与 state
props：从父组件传下来的数据，是只读的，像组件的配置。
state：组件自己的内部“记忆”，是可变的。state 的改变是驱动界面更新的核心。
现代 React 的基石：Hooks
Hooks 是特殊的函数（如 useState, useEffect），它们让函数组件也能拥有 state 和处理副作用（如网络请求）等高级功能，是现代 React 开发的首选。
Hook” 这个名字的含义就是：
它是一个让你从简单的函数组件内部，去“钩住”并使用 React 核心特性（如 state、生命周期、上下文等）的函数
JSX 的本质
JSX 并非 HTML，它是一种“语法糖”。在运行前，它会被编译成普通的 JavaScript 函数调用，这些函数负责创建描述界面的对象（虚拟 DOM）。
数据的流动：单向数据流
数据总是从父组件向下流向子组件。子组件不能直接修改父组件的数据，而是通过调用父组件传来的函数来向上通知，由父组件自己更新状态。这使得数据流向清晰、可预测。