父组件的 constructor
父组件的 componentWillMount
父组件的 render
子组件的 constructor
子组件的 componentWillMount
子组件的 render
子组件的 componentDidMount
父组件的 componentDidMount
当父组件的状态发生变化时,会触发以下更新过程:
父组件的 componentWillReceiveProps(nextProps)
在组件接收到一个新的 prop (更新后)时被调用。这个方法在初始化render时不会被调用。nextProps 是props的新值,而 this.props是旧值。
父组件的 shouldComponentUpdate
父组件的 componentWillUpdate
父组件的 render
子组件的 componentWillReceiveProps
子组件的 shouldComponentUpdate
子组件的 componentWillUpdate
子组件的 render
子组件的 componentDidUpdate
父组件的 componentDidUpdate
当父组件被卸载时,会触发以下卸载过程:
父组件的 componentWillUnmount
子组件的 componentWillUnmount
这就是父子组件生命周期钩子函数的完整调用顺序。值得注意的是,有些生命周期函数在某些情况下可能不会被调用,具体取决于组件的使用和变化情况。