子組件和父組件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>
        )
    }
}


複製代碼