读一读React源码(创建实例constructClassInstance)

上一篇只是粗略从源码跟了下首次渲染的过程,这里继续看看实例化一个Component的过程。从一个简单的demo例子入手:

App继承了React.Component基类,基类里面做的事情很少,包括PureComponent基类

定义了几个属性:

定义了2个原型方法:

setState,foreUpdate方法是异步的从这里可以看出来,使用队列(入队)操作

作为基类定义了最基本的属性和方法,demo中的render函数,生命周期函数componentWillMount,事件处理函数handleClick,这些都是在构建实例的过程中读取的(react-dom源码里面)。

 

这个示例会赋给stateNode属性

reactjs
作者:张雪飞
出处:https://zhangxuefei.site/p/2131
版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

发表评论

电子邮件地址不会被公开。 必填项已用*标注