React

基础知识 props props 是配置组件行为和外观的外部输入，它决定组件渲染什么，但组件不能修改它。 props 的三个核心含义 1. 组件的外部数据输入 组件不是凭空渲染，它需要“数据”，而 props 就是数据来源。 2. 父组件 → 子组件的数据流（单向数据流） React 明确规定： 数据只能从父流向子 子组件不能直接改 props 这个规则保证了 UI 是可预测的。 3. 组件之间的通信方式（父传子） 子组件不直接知道父组件是谁，只知道父组件给它的 props。 在声明 props 时， 不要忘记 ( 和 ) 之间的一对花括号 { 和 } ： function Avatar({ person, size }) { } 这种语法被称为 “解构”，等价于于从函数参数中读取属性： function Avatar(props) { let person = props.person; let size = props.size; // ... } state state 是组件内部可变的数据，用来驱动组件的渲染与行为。它由组件自己拥有和管理（或通过 useReducer/外部管理器协调），当 state 变化时 React 会重新渲染该组件（及其子树）。 组件 React 允许你创建组件，应用程序的可复用 UI 元素。 在 React 应用程序中，每一个 UI 模块都是一个组件。 React 是常规的 JavaScript 函数，除了： 它们的名字总是以大写字母开头。 它们返回 JSX 标签。 一个文件里有且仅有一个 默认 导出，但是可以有任意多个 具名 导出。 ...