React组件的渲染流程是什么？

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/webqianduan/197384.html

React 组件的渲染流程是什么？

1、使用React.createElement或JSX编写React组件，实际上所有的JSX代码最后都会转换成React.createElement(...)，Babel帮助我们完成了这个转换的过程。

2、createElement函数对key和ref等特殊的props进行处理，并获取defaultProps对默认props进行赋值，并且对传入的孩子节点进行处理，最终构造成一个ReactElement对象（所谓的虚拟 DOM）。

3、ReactDOM.render将生成好的虚拟 DOM 渲染到指定容器上，其中采用了批处理、事务等机制并且对特定浏览器进行了性能优化，最终转换为真实 DOM。

更多 建站教程 请访问 https://www.mimiwuqi.com/webqianduan/