子组件和父组件componentDidMount哪个先执行

import React, { Component } from 'react';
class Test extends Component{
    componentWillMount(){
        console.log('子组件将要挂载')
    }
    render(){
        return(<p>{this.props.index}</p>)
    }
}


export default class TestPanel extends Component{
    componentDidMount(){
        console.log('父组件挂载完毕');
    }
    render(){
        return(
            <div>
                <Test index={1}/>
                <Test index={2}/>
                <Test index={3}/>
            </div>
        )
    }
}


复制代码