//组件被挂载之前
componentWillMount(error, errorInfo) {
console.log('componentWillMount')
}
//组件被挂载之后
componentDidMount() {
console.log('componentDidMount')
}
//组件被更新之前 //true返回需要更新
shouldComponentUpdate(nextProps, nextState, nextContext) {
console.log('shouldComponentUpdate')
return true
}
//返回true需要更新时执行
componentWillUpdate() {
console.log('componentWillUpdate')
}
//组件更新完成之后
componentDidUpdate(prevProps, prevState, snapshot) {
console.log('componentDidUpdate')
}
//一个组件要从父组件接受函数
//只要父组件的render函数被重新执行了。子组件的这个生命周期函数就会被执行
//第一次存在父组件中不会执行,组件存在于父组件了才会执行
componentWillReceiveProps(nextProps, nextContext) {
console.log('componentWillReceiveProps')
}
//当组件被剔除时执行
componentWillUnmount() {
console.log('componentWillUnmount46546')
}```
react生命周期
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 从vue来到了react,很多相似之处,还好,自我感觉生命周期函数就是个执行过程,生命周期函数(钩子函数)通俗的说...
- react生命周期提供了几个很重要的节点。其实就是一些触发的事件来让组件更方便的处理各种场景。 在执行西安免得代码...
- 本篇内容主要是 React 的生命周期(包括版本更新后的API变化),先用原生JS的示例代码展示生命周期,再展示R...