父组件和子组件之间的生命周期执行顺序
时间: 2023-09-22 10:06:20 浏览: 92
父组件和子组件的生命周期执行顺序如下:
1. 父组件的constructor()函数被调用
2. 父组件的componentWillMount()函数被调用
3. 父组件的render()函数被调用,返回子组件
4. 子组件的constructor()函数被调用
5. 子组件的componentWillMount()函数被调用
6. 子组件的render()函数被调用
7. 子组件的componentDidMount()函数被调用
8. 父组件的componentDidMount()函数被调用
在更新时,父组件会先执行更新生命周期函数,然后再执行子组件的更新生命周期函数:
1. 父组件的shouldComponentUpdate(nextProps, nextState)函数被调用,返回true或false
2. 如果shouldComponentUpdate()返回true,则父组件的componentWillUpdate(nextProps, nextState)函数被调用
3. 父组件的render()函数被调用,返回更新后的子组件
4. 子组件的shouldComponentUpdate(nextProps, nextState)函数被调用,返回true或false
5. 如果子组件的shouldComponentUpdate()返回true,则子组件的componentWillUpdate(nextProps, nextState)函数被调用
6. 子组件的render()函数被调用
7. 子组件的componentDidUpdate(prevProps, prevState)函数被调用
8. 如果子组件的componentDidUpdate()返回true,则父组件的componentDidUpdate(prevProps, prevState)函数被调用。
阅读全文