• React 中的渲染意味着什么
• React 何时以及为何渲染组件
• 在屏幕上显示组件所涉及的步骤
• 为什么渲染并不总是产生 DOM 更新

渲染的步骤

请求和提供 UI 的过程分为三个步骤：

1. 触发渲染
2. 渲染组件
3. 提交给 DOM

触发渲染

组件渲染的原因有两个：

• 这是组件的初始渲染。
• 组件（或其祖级之一）的状态已更新。`

渲染组件

• 在初始渲染时，React 将调用根组件。
• 对于后续的渲染，React 将调用其状态更新触发渲染的函数组件。
• React的渲染是递归的。

提交对 DOM 的更改

在渲染（调用）你的组件后，React 将修改 DOM。

• 对于初始渲染，React 将使用 appendChild() DOM API 将其创建的所有 DOM 节点放在屏幕上。
• 对于重新渲染，React 将应用最少的必要操作（在渲染时计算！）以使 DOM 匹配最新的渲染输出。

如果渲染之间存在差异，React 只会更改 DOM 节点。