React提高水平

State保存在React中，并不在组件中【State is actually held inside React!】

在深入理解 React 的状态管理机制时，许多开发者容易陷入一个误区，认为状态是依附于组件实例本身的。然而，事实恰恰相反，React 内部维护着一棵独立的 UI 树，状态实际上是绑定在这棵树的具体节点位置上的，而非组件对象内部。这意味着，只要组件在 UI 树中的位置保持不变，即使组件类型发生了替换，其状态值依然能够被保留并传递给新的组件。例如，当组件 A 被替换为组件 B 时，只要满足特定的约束条件，B 组件就能无缝继承 A 组件之前的状态值，从而实现状态的持久化。

要确保这种状态保留机制生效，必须同时满足以下三个核心条件：首先，替换前后的组件必须属于相同的组件类型，或者在 React 的协调算法中被视为同一类型的节点；其次，这两个组件必须位于 UI 树中完全相同的位置，即父组件、索引位置等结构信息一致；最后，组件的 key 属性必须保持一致。这三个条件共同构成了 React 识别“同一节点”的依据。

**一个 JSX 语句代表一个 UI 树🌲组