最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

react-生命周期

XAMPP新闻 admin 687浏览 0评论
 组件实例化
static defaultProps
组件初始化属性

constructor
组件内的构造函数,内部可以声明状态获取属性

componentWillMount
组件在渲染之前,会调用此生命周期函数

render
该方法会创建一个虚拟DOM,用来表示组件的输出。对于一个组件来讲,render方法是唯一一个必需的方法。render方法需要满足下面几点:

只能通过 this.props 和 this.state 访问数据(不能修改)

可以返回 null,false 或者任何React组件

只能出现一个顶级组件,不能返回一组元素

不能改变组件的状态

不能修改DOM的输出

render方法返回的结果并不是真正的DOM元素,而是一个虚拟的表现,类似于一个DOM tree的结构的对象。react之所以效率高,就是这个原因。

componentDidMount
组件挂载完成,此时可以获取到真正的dom元素

运行时
componentWillReceiveProps
该生命周期函数只存在于子组件,当父组件传递过来的props发生变化时调用

shouldComponentUpdate(nextProps, nextState)
当state发生改变时,会先调用此方法,该方法默认会返回true,如果返回值为true则进入下一个声明周期,如果为false则不会在继续运行下面的生命周期函数。
在该方法中,可以对state进行判断,来处理是否要重新渲染,从而做一定的优化

componentWillUpdate
shouldComponentUpdate返回true时,触发该生命周期函数。

componentDidUpdate
整个组件重新render之后会调用该生命周期函数

componentWillUnmount
组件卸载时将会被调用

转载请注明:XAMPP中文组官网 » react-生命周期

您必须 登录 才能发表评论!