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

Question

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

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

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

我构建了它，这意味着我有锚标签，点击后应该会改变布局；它的行为应该像反应路由器：像页眉和页脚这样的网站的基本组件不应该改变，但是一些模块（组件）应该根据 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>
}