渲染阶段作用是什么?
首先来思考一个问题，组件在一次更新中， 类组件执行渲染，执行函数组件 renderWithHooks --- 渲染函数
渲染函数的作用是什么呢?
它们并没有渲染真实 DOM， 它们的作用是根据一次更新中产生的新状态值， 通过 React.createElement，替换成 新的状态，得到新的 ReactElement 对象，
新的 Element 对象上保存了最新状态值。 createElement 会产生一个全新的 props。 到此渲染函数的使命完成了。
接下来 React 会调和由渲染函数产生 Children，将 Element 对象变成 fiber 对象， 至此，当前组件更新完毕。
我们需要做什么？
对于 React 整个渲染，并不仅仅是上述渲染的流程， 事实上，从调度更新任务到调和 fiber，再到 浏览器绘制真实 DOM， 每一个环节都是渲染的一部分
至于期间的性能优化， React 在底层已经处理 了大部分细节，比如diff算法等，
留给 React 开发者需要做的， 就是告诉 React 哪些组件需要更新， 哪些组件不需要更新。（即哪些函数组件需要执行生成Element，哪些不用）
也就是说 React底层对于更新的流程已经做了优化， 开发者 只需要告诉哪些React哪些组件需要更新，哪些不用更新
