react 从修改data 到页面渲染的具体过程

React的数据流向是单向的，从父组件到子组件，最终渲染成页面。具体的过程如下
1. 父组件传递props给子组件，触发子组件的render方法。
2. 子组件的render方法返回一个React元素，React将其转换为Fiber节点，并构建Fiber树。
3. React通过比较新旧Fiber树，找出需要更新的节点，并标记为需要更新。
4. React根据标记的节点，生成更新队列，并提交更新。
5. React执行渲染阶段，遍历更新队列，执行组件的生命周期方法和更新DOM操作，生成新的DOM树。
6. React执行提交阶段，将新的DOM树更新到页面上。

在这个过程中，React Fiber的增量渲染、异步渲染、可中断和恢复的渲染等特性可以提高渲染性能和用户体验。同时，React的虚拟DOM机制可以避免直接操作DOM带来的性能问题。