请阐述 React 中 render 函数的基本实现机制，包括它如何触发更新、与组件渲染的关系，以及在协调过程中扮演的角色。
考察说明
考察对 React 核心渲染流程的理解，特别是 render 函数在组件更新和协调中的作用。
回答思路
- 【回答框架 1】render 函数在类组件中作为返回 React 元素（虚拟 DOM）的方法，函数组件本身即充当 render 函数。其本质是描述 UI 状态的纯函数，给定 props 和 state 返回对应界面描述。
- 【回答框架 2】当 state 或 props 变化时，React 调用 render 生成新的 React 元素树，与之前树进行 diff 对比，计算最小变更集，并批量更新真实 DOM。此过程称为协调（reconciliation）。
- 【回答框架 3】React 的渲染分为初始渲染和更新渲染。初始时创建 Fiber 树，更新时通过 render 返回新元素，对比新旧 Fiber 节点，标记增删改，最终提交阶段执行 DOM 操作。
- 【关键点 1】render 函数是 React 组件的纯函数式输出，决定了组件在给定状态下的 UI 表现。
- 【关键点 2】render 执行时机受 state、props 或 context 变化影响，但 React 会通过 shouldComponentUpdate 或 memo 优化避免不必要的渲染。
- 【关键点 3】渲染输出是 React 元素，而非真实 DOM，实际 DOM 更新由协调器根据 diff 结果完成。
- 【易错点 1】误以为 render 函数直接操作 DOM，实际它是生成虚拟 DOM 描述。
- 【易错点 2】忽视 React 的批处理机制，可能误认为每次 setState 都会立即重新渲染。
- 【易错点 3】在 render 中执行副作用（如数据请求），导致死循环或性能问题。