什么是生命周期函数:
在某一时刻组件会自动调用执行的函数
//组件挂载之前执行
componentWillMount() {
console.log('componentWillMount')
}
//组件更新之前执行 返回true需要更新组件,返回false不需要更新组件
shouldComponentUpdate(nextProps, nextState, nextContext) {
console.log('shouldComponentUpdate')
return true
}
//组件更新之前、shouldComponentUpdate之后执行,shouldComponentUpdate返回true才会执行
componentWillUpdate(nextProps, nextState, nextContext) {
console.log('componentWillUpdate')
}
//组件更新完成之后执行
componentDidUpdate(prevProps, prevState, snapshot) {
console.log('componentDidUpdate')
}
//组件要从父组件接受参数
//只要父组件render执行了,本函数才会执行
//如果这个组件第一次存在于父组件中,不会执行
//如果这个组件之前已经存在于父组件中,才会执行
componentWillReceiveProps(nextProps, nextContext) {
console.log('componentWillReceiveProps')
}
//当组件要被移除时执行
componentWillUnmount() {
console.log('componentWillUnmount')
}
//组件挂载之后执行 (ajax请求放在这里)
componentDidMount() {
console.log('componentDidMount')
}