Ant Design 組件按需加載
參考資料:https://blog.csdn.net/well2049/article/details/78801228
react生命周期
組件優(yōu)化:
props
this.state={
n:0
}
this.setState({
n:100
})
生命周期鉤子:
一屹耐、初始化階段
1.設置默認屬性: defaultProps
//設置默認屬性
static defaultProps={
num:100
}
2.構造器
constructor() {
super();
//初始狀態(tài)
this.state={
comments:[],
flag:true,
value:3,
n:1
}
}
3.組件加載之前:componentWillMount
4.render:渲染
5.componentDidMount:可以進行DOM相關的操作和獲取后臺數(shù)據(jù)(即ajax)
二烟具、運行階段
1.componentWillReceiveProps() 組件接收到屬性時觸發(fā)
2咱旱、shouldComponentUpdate() 主要用于優(yōu)化組件
> 當組件接收到新屬性,或者組件的狀態(tài)發(fā)生改變時觸發(fā)莫绣。組件首次渲染時并不會觸發(fā)