Question

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

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

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

我构建了它，这意味着我有锚标记，单击后应更改布局；它的行为应类似于React Router：网站的基本组件（如Header和Footer）不应更改，但某些模块（组件）应根据URL位置而更改；

我在设计工具中有一个文件夹，其中包含不同的部分；这些部分包括不同的自定义模块，然后我在要呈现的主页的“拖放”模块中使用。有人遇到过同样的问题吗？如果是这样，您如何设法使其起作用？

谢谢，

我认为我已清楚地阐明了这个问题，以便理解；如果没有，请告诉我，我会尽力解释。

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

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

1 个答案: