美文网首页
React原理

React原理

作者: key君 | 来源:发表于2019-11-08 15:04 被阅读0次

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上面

相关文章

网友评论

      本文标题:React原理

      本文链接:https://www.haomeiwen.com/subject/ahkibctx.html