react hook 父子调用顺序
在`React`框架中,父组件和子组件之间的调用顺序如下:
1. 父组件的`shouldComponentUpdate`。
2. 父组件的`componentWillUnmount`。
3. 父组件的`componentWillUpdate`。
react面试题hook是什么4. 父组件的`componentWillMount`。
5. 父组件的`componentDidUpdate`。
6. 子组件的`componentDidMount`。
7. 父组件的`componentDidMount`。
8. 父组件的`constructor`。
9. 父组件的`componentWillMount`。
10. 父组件的`render`。
11. 子组件的`constructor`。
12. 子组件的`componentWillMount`。
13. 子组件的`render`。
14. 子组件的`componentDidMount`。
15. 父组件的`componentDidMount`。
当父组件的状态发生变化时,会触发以下更新过程:
1. 父组件的`componentWillReceiveProps(nextProps)`:在组件接收到一个新的 prop (更新后)时被调用。这个方法在初始化`render`时不会被调用。`nextProps`是`props`的新值,而`this.props`是旧值。
2. 子组件的`componentWillReceiveProps(nextProps)`:在组件接收到一个新的 prop (更新
后)时被调用。这个方法在初始化`render`时不会被调用。`nextProps`是`props`的新值,而`this.props`是旧值。
3. 父组件的`componentWillUpdate`。
4. 子组件的`componentWillUpdate`。
5. 子组件的`render`。
6. 父组件的`render`。
7. 父组件的`componentDidUpdate`。
8. 子组件的`componentDidUpdate`。
9. 父组件的`componentDidUpdate`。
以上是`React`框架中父组件和子组件之间的调用顺序。需要注意的是,有些生命周期函数在某些情况下可能不会被调用,具体取决于组件的使用和变化情况。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论