如何使用自定义菜单渲染组件？

Question

我是 HubSpot 平台的新手，有 ReactJS 背景，所以我习惯使用组件和 react-router 进行导航；

我在使用拖放模块构建网站模板时遇到了一个问题；

基本上我没有使用“菜单”或“高级菜单”内置模块，而是决定自己构建导航（原因是：应用自定义样式，这很难使用内置菜单）；

我构建了它，这意味着我有锚标签，点击后应该会改变布局；它的行为应该像 React Router：像 Header 和 Footer 这样的网站的基本组件不应该改变，但是一些模块（组件）应该根据 url 位置而改变；

我在设计工具中有一个文件夹，其中包含不同的部分；这些部分包括不同的自定义模块，然后我在 Drag&Drop 模块中使用这些模块，该模块是正在呈现的主页。 有没有人有同样的问题？如果是这样，您是如何设法使其工作的？

谢谢，

我想我已经把问题说清楚了；如果没有，请告诉我，我会尽力解释得更好。

Answer 1

var addMenu;

componentWillMount: function() {
    addMenu = new nw.Menu();
    addMenu.append(new nw.MenuItem({
        label: 'doSomething',
        click: function() {
            // doSomething
        }
    }));
},

contextMenu: function(e) {
    e.preventDefault();
    addMenu.popup(e.clientX, e.clientY);
},

render: function(){
    return <button onClick={this.handleClick} onContextMenu={this.contextMenu}>SomethingUseful</button>
}