渲染

React 采用声明式方法来渲染组件，这意味着开发者指定组件应该看起来什么样，React 会负责将组件渲染到屏幕上。这与命令式方法形成对比，在命令式方法中，开发者会编写代码来手动操作 DOM（文档对象模型）以更新 UI。

虚拟 DOM（VDOM）是 React 工作方式的一个重要方面。它是一个轻量级的内存中 DOM（文档对象模型）的表示，用于优化 React 应用中组件的渲染。

• 组件作为 JavaScript 类或函数编写，它们定义了一个 render 方法。render 方法返回组件应该看起来什么样的描述，使用 JSX 语法。
• 当渲染组件时，React 创建组件的虚拟 DOM（VDOM）表示。VDOM 是一个轻量级的内存中 DOM 表示，用于优化组件的渲染。
• React 将组件的 VDOM 表示与之前的 VDOM 表示（如果存在）进行比较。如果两个 VDOM 之间存在差异，React 计算将实际 DOM 更新到与新 VDOM 一致所需的最少 DOM 更新次数。
• React 使用反映 VDOM 中更改所需的最少 DOM 更新次数来更新实际 DOM。

这个过程称为调和，是 React 工作方式的一个重要方面。通过使用声明式方法和 VDOM，React 能够优化组件的渲染并提高 Web 应用的性能。