Ant Design 组件按需加载
参考资料:https://blog.csdn.net/well2049/article/details/78801228
react生命周期
组件优化:
props
this.state={
n:0
}
this.setState({
n:100
})
生命周期钩子:
一、初始化阶段
1.设置默认属性: defaultProps
//设置默认属性
static defaultProps={
num:100
}
2.构造器
constructor() {
super();
//初始状态
this.state={
comments:[],
flag:true,
value:3,
n:1
}
}
3.组件加载之前:componentWillMount
4.render:渲染
5.componentDidMount:可以进行DOM相关的操作和获取后台数据(即ajax)
二、运行阶段
1.componentWillReceiveProps() 组件接收到属性时触发
2、shouldComponentUpdate() 主要用于优化组件
> 当组件接收到新属性,或者组件的状态发生改变时触发。组件首次渲染时并不会触发