请简述当调用setState时，React render 是如何工作的？
参考答案：
在React中，当你调用setState方法时，React会启动一个叫做"Reconciliation"（协调）的过程，这个过程会决定UI是否需要更新。以下是setState触发render工作的大致流程：
- 调用
setState：当你在组件中调用this.setState()时，React会知道组件的状态已经改变。 - 标记更新：React会标记这个组件以及它的子组件为"dirty"（需要更新）。这并不意味着它们会立即重新渲染，只是标记了它们需要重新考虑是否需要渲染。
- Reconciliation（协调）阶段：在这个阶段，React会生成一个新的React元素树（通过调用你的组件的
render方法），然后与旧的React元素树进行对比。这个对比过程叫做"Diffing"（差异化）。 - 生成更新指令：基于对比的结果，React会生成一个"更新指令"（Update），这个指令会告诉浏览器如何改变DOM来匹配新的React元素树。
- 执行更新：最后，React会执行这些更新指令，对DOM进行必要的更改，从而更新UI。
值得注意的是，React的render方法并不是每次setState调用时都会执行。实际上，render方法只会在组件首次挂载以及之后每次需要更新UI时执行。这就是React的"虚拟DOM"和"Diffing"算法带来的效率提升：React通过比较新旧两个React元素树的不同，来决定哪些DOM节点需要更新，而不是简单地重新渲染整个页面。
另外，React的setState是异步的，这意味着当你调用setState时，React并不会立即更新状态并重新渲染组件，而是会等待所有的setState调用完成后，再一次性进行更新和渲染。这有助于React在需要多次更新状态的情况下，只进行一次渲染，从而提高性能。