首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Elena同志
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
8
文章 8
沸点 0
赞
8
返回
|
搜索文章
赞
文章( 8 )
沸点( 0 )
ReactDOM.render做了什么-- 第三部分 初始挂载
我们这里跳过第二部分,先来看一下第三部分。 第三部分则是初始情况下,container内是什么也没有的情况的处理逻辑。 我们先来看看这一部分用到的方法。 _renderNewRootComponent 方法在第一部分已经有过说明,这里再说一次吧。 ReactUpdates.ba…
Element 为 Object
这里要提前说明一下,一般我们定义的组件的type 也就是 element 的type 是 function。 f App(props)。这些在 前文 element的位置有写。 一般,只要一个组件的 render函数返回的不是null,或者是false的还,这些内容转换为 el…
Element 为Object:type为string
当,element的type为 string。比如上边传送门,当然node为null的时候,初始化了 一个ReactEmptyComponent 实例,而后赋值的时候。 另外的,element.type === 'string' 的情况是 element.type 为 'div…
Element 为string或者是number
当 Element 本身不为null或者是false,也不是Object,而是string。这里string就是完全的纯文本。也就是没有任何html包裹的 文本。也就是text node。 Element 本身为 string。 这里是调用了 ReactNativeCompon…
Element 为Object:type为function
在 instantiateReactComponent 模块中,我们根据 Element的不同来选择不同的方法来处理element为挂载实例,其中当Element为Object的时候,Element.type分为string,number,除此之外的为一种情况也就是type为f…
Element 为null或者是false
React 组件必须包含一个 render函数,这个render函数必须返回一个东西。如果你啥也不显示,那就返回一个null或者是false。 这种情况就是一个空组件,啥也不显示。 这个时候是调用 ReactEmptyComponent 方法。 ReactEmptyCompon…
Render --- 四种不同的render方法
render顾名思义就是渲染的意思,纵观整个React有三个不同的地方,定义了各自的render方法。 虽然有多个不同的render方法,但是render方法的作用却是一致的,都是调用 createElement方法来生成一个Element。 这个render的是将子树挂载在根…
Element 总结篇
到了这里我们来总结一下关于Element。 对象有一些属性,其中比较重要的是 type属性。 二:根据 Element极其type的不同,可以分为几类。 三: 不同的Element选择不同的模块来实例化挂载实例。 四:挂载实例都会带有一些方法来辅助该类型组件的挂载与卸载更新。 …
关注了
1
关注者
1
收藏集
0
关注标签
8
加入于
2020-01-08