从ReactJS“ rc-menu”示例代码中消除不需要的/未记录的菜单

Question

我使用以下命令构建了一个简单的reactap：

  

npx create-react-app my-app

并已安装以下组件：

  

npm install rc-menu

在我的应用中，我从以下网址添加了示例代码：

  

rc-menu@7.4.22

此组件的其他有用链接可以在这里找到：

  

https://www.npmjs.com/package/rc-menu

     

http://react-component.github.io/menu/

当示例代码呈现“原样”（我未修改）时，内联菜单正下方是另一个我不能摆脱的菜单-请参见指向附加菜单的红色箭头在下图中：

我可以通过删除以下代码中的引用来轻松删除其上方的其他菜单：

ReactDOM.render(<div style={{ margin: 20 }}>
    <h2>antd menu</h2>
    <div>
        <h3>horizontal</h3>
        <div style={{ margin: 20 }}>{horizontalMenu}</div>

        <h3>horizontal and click</h3>
        <div style={{ margin: 20 }}>{horizontalMenu2}</div>

        <h3>vertical</h3>
        <div style={{ margin: 20, width: 200 }}>{verticalMenu}</div>

        <h3>inline</h3>
        <div style={{ margin: 20, width: 400 }}>{inlineMenu}</div>
    </div>
</div>, container);

但是，最底部的菜单部分（我收集到“默认”菜单中）没有出现在上面的渲染代码中，并且我不确定如何删除它。

感谢您的光临，也感谢您提供的任何指导以帮助我删除不需要的菜单结构。