Responsejs анализирует дочернее состояние на родительское

Я хочу анализировать данные от ребенка к родителю, я попробую решить вопрос

Как анализировать данные от ребенка к родительскому с помощью reactjs?

Я печатаю это состояние, и появляется состояние предыдущего действия, а не состояние последнего действия.

Я попытался реализовать это, чтобы отображать контент на основе меню, которое было нажато пример: у меня есть 3 меню - А - В - С

когда я нажимаю первый раз в меню, например A. состояние в консоли: '', затем во второй раз я нажимаю B, состояние в консоли - A

это мой код

РОДИТЕЛЬ

changeMenu= (menu) =>{
    this.setState({
        menu: menu
    });
    console.info('menu',menu);  // Show State
}

render(){
    return (
        <LeftMenuMycommission active = "0" menu = {(value) => this.changeMenu(value)}/>

РЕБЕНОК

menuClick = (menu_name, active) =>{
    this.setState({
        menu: menu_name,
    })
    this.props.menu(this.state.menu); 

}

render (){
    render (
        <ul>
            <li ><a onClick = {this.menuClick.bind(this, "A")}><i className = {"fa fa-circle"}></i> A</a></li>
            <li ><a onClick = {this.menuClick.bind(this, "B")}><i className = {"fa fa-circle"}></i> B</a></li>
            <li ><a onClick = {this.menuClick.bind(this, "C")}><i className = {"fa fa-circle"}></i> C</a></li>
        </ul>

Может ли кто-нибудь помочь мне найти проблему?

Любая помощь будет оценена, спасибо :)