生命周期

2020-08-10  本文已影响0人  INGME
生命周期函数
1.1 组件将要加载,组件加载之前
componentWillMount() {
}

1.2 组件加载完成
componentDidMount() {
}

1.3 接收父组件传来的 props 值
componentWillReceiveProps() {
}

1.4 子组件是不是应该更新
shouldComponentUpdate() {
}

1.5 组件将要更新
componentWillUpdate() {
}

1.6 组件更新完成
componentDidUpdate() {
}

1.7 组件即将销毁
componentWillUnmount() {
}
基本生命周期 constructor()--->componentWillMount()--->render()--->componentDidMount()
2.1 constructor
被调用是在组件准备要挂载的最开始,此时组件尚未挂载到网页上;

2.2 componentWillMount
在constructor之后,在render之前,在这方法里的代码调用setState方法不会触发重新render,所以它一般用来加载数据之用;

2.3 componentDidMount
方法中的代码,是在组件已经完全挂载在网页上才会调用执行,所以可以确保数据的加载;
上一篇下一篇

猜你喜欢

热点阅读