React-将菜单选项从子元素传递到父菜单

Question

我有2个组成部分：

子容器， 父容器-此组件同时渲染子容器和获取props.children并渲染它们的菜单

我想将元素从子容器传递到父容器中的菜单进行渲染。

什么是最好的方法？ 我知道我可以在父容器上创建回调并通过它传递元素，但是我认为这不是正确的方法...

class Main extends React.Component {
    render() {
        return (
            <div>
                <Menu>{/*Render Child's options here*/}</Menu>
                <Child {/*Some way to pass DOM elements from Child to Main*/} />
            </div>
        )
    }
}

class Child extends React.Component {
    componentDidMount() {
        // Pass DOM elements to parent in order to render them in the Menu
    }
    render() {
        return (
            <div>
            </div>
        )
    }
}

const Menu = props => <div>{props.children}</div>;