[react] render方法的原理你有了解吗？它返回的数据类型是什么？

Posted 2021-12-13 前端小歌谣

[react] render方法的原理你有了解吗？它返回的数据类型是什么？

render的第一个参数通过babel转为React.createElement，后者根据参数类型的不同调用不同的内部方法来转换为原生dom并生成真实dom插入到容器中.

对原生html标签调用ReactDOMComponent的mountComponent方法，将element转化为真实的dom节点， 并插入到对应的container中，返回realDom；
对于自定义组件，递归调用ReactCompositeComponentWrapper转化为原生dom标签，然后和上面一样通过ReactDOMComponent的mountComponent方法，生成realDom;
string和number，调用的是ReactDOMTextComponent；
null和boolean，调用的是ReactEmptyComponment;

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题