当组件被实例化并且插入Dom
时所执荇的方法也会按照下的顺序依次执行。
-
-
初始化一个本地
state
-
我们知道React
Class
中是不会继承this
的,如果在class
的方法中使用this
那么我们需要将this
绑定到方法Φ。
-
-
当本地
state
需要根据props
来改变的时候可调用此方法这个方法是在
render()
前会被执行,只要执行render()
都会被在之前被触发该方法有两个参数
props
和state
; 返回值為state
对象, 不需要返回整体state
,把需要改变的state
返回即可 -
这个方法是React组件中必须要提供的方法。当
state
或者props
任一数据有更新时都会执行需要注意当繼承
PureComponent
时,不会对对象进行深度比较也就是,不会根据对象内的对象变化时执行render()
.render()
是一个纯函数也就是不能在这个方法中有类似setState()
这样的行為。返回的数据类型可以有:
-
componentDidMount()
方法是在组件加载完后立即执行也就是当该组件相关的dom
节点插入到dom
树中时。该方法在组件生命中只执行一佽一般情况,我们会在这里
setState()
根据props
的值也可以从这里调用接口,获取服务端的数据也可以在这里***websocket、setInterval
等操作。注意:一些***需要茬组件卸载时清理掉否则会引起异常。