Reactjs 反应-将菜单选项从子元素传递到父元素'；s菜单

我有两个部分：

子容器， 父容器-此组件同时呈现子容器和一个菜单，该菜单获取的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>;

类主扩展React.Component{
render（）{
返回(
{/*在此处呈现子选项*/}
)
}
}
子类扩展了React.Component{
componentDidMount（）{
//将DOM元素传递给父元素，以便在菜单中呈现它们
}
render（）{
返回(
)
}
}
const Menu=props=>{props.children}；

你应该发布你想要获得帮助的代码或示例。我更新了问题。。。