React原理

React.js 从ReactBaseClasses导入了Component和PureComponent

ReactBaseClasses定义和导出Component和PureComponent
Component将传进来的props、context、updater绑定到自己身上
PureComponent跟Component几乎一样 多了一个isPureReactComponent=true

updater来源于updater || ReactNoopUpdateQueue

ReactElement.js createElement() 传入type、配置生成虚拟dom树
原生标签:createElement(type,config,children) type:标签字符串div等 config:配置项 children:子元素
非原生:createElement(type,config,children) type:function组件方法名/class组件名 config:选项 children:子节点
创建props 把children,type,config里面的各项放在props上,把参数传入ReactElement()
生成虚拟dom树

cloneElement() 传入元素、配置生成新的元素,处理跟createElement类似

ReactHooks.js useState useContext就是依赖dispatcher
ReactCurrentDispatcher 依赖的是ReactFiberHooks

ReactDOM.js 传入el,container,callback 把子树装到container上面

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容