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

Question

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

我在使用drag&跌落模块；

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

我构建了它，这意味着我有锚标签，点击后应该会更改布局；它的行为应该像react router：网站的基本组件(如页眉和页脚(不应该改变，但一些模块(组件(应该根据url位置而改变；

我在设计工具中有一个文件夹，它由不同的部分组成；这些部分包括不同的自定义模块，然后我在Drag&删除作为正在呈现的主页面的模块。有人遇到过同样的问题吗？如果是这样的话，你是如何做到的？

谢谢，

我想我把这个问题讲清楚了，以便理解；如果没有，请告诉我，我会尽力解释得更好。

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>
}