初始React
//在render前执行,并且执行一次
componentWillMount() {
console.log('willMount')
}
//在render后执行,且执行一次
componentDidMount() {
console.log("DidMount")
}
//初始化render不执行,props数据改变时触发
componentWillReceiveProps(newProps) {
console.log('newprops', newProps)
return true
}
componentWillUpdate() { console.log('WillUpdate') } //在组件接受新的props之后触发 componentDidUpdate() { console.log('DidUpdate') } //当调用setState的时候执行 shouldComponentUpdate() { console.log('stateUpdate') }
componentWillUpdate() { console.log('WillUpdate') } //在组件接受新的props之后触发 componentDidUpdate() { console.log('DidUpdate') } //当调用setState的时候执行 shouldComponentUpdate() { console.log('stateUpdate') }
- 组件将要挂载时触发的函数:componentWillMount
- 组件挂载完成时触发的函数:componentDidMount
- 是否要更新数据时触发的函数:shouldComponentUpdate
- 将要更新数据时触发的函数:componentWillUpdate
- 数据更新完成时触发的函数:componentDidUpdate
- 组件将要销毁时触发的函数:componentWillUnmount
- 父组件中改变了props传值时触发的函数:componentWillReceiveProps