Reactjs 将函数传递给组件，但接收未定义的

在我的应用程序中，我需要将一个函数传递给“菜单”组件，该组件将在主组件内容区域中呈现必要的内容

这是我在我的主要组件中所做的：

new菜单（{props:{contentComponentMounter:this.mountContentComponent}}）

在我的菜单组件中，我有以下内容：

构造函数（道具）{
超级（道具）；
日志（props，props.contentComponentMounter）；
};

这是我得到的控制台输出：

---

正如您所看到的，当我尝试记录道具时，我准确地看到了所期望的，但对于

props.contentComponentMounter

它显示未定义。为什么会出现这种情况？

您需要像

props.props.contentComponentMounter那样调用它。因为注意您的参数在这个调用
{props:{contentComponentMounter:this.mountContentComponent}}
中的样子，同样可以从
控制台.log
输出中看到

如果将参数作为
新菜单（{contentComponentMounter:this.mountContentComponent}）传递给
菜单
构造函数
，您需要像调用
props.props.contentComponentMounter那样调用它，则不会得到未定义。因为注意您的参数在这个调用
{props:{contentComponentMounter:this.mountContentComponent}}
中的样子，同样可以从
控制台.log
输出中看到

如果将参数作为
new Menu（{contentComponentMounter:this.mountContentComponent}）
构造函数（props）传递给
菜单
构造函数，则不会得到未定义的参数{
超级（道具）

建造师（道具）{
超级（道具）

可能的重复可能的重复
    console.log(props, props.props.contentComponentMounter);    
};