react tree组件 增加右键菜单

Question

环境：react+antd

需求是这样的，通过服务端获取的数据后，把数据封装成parent-child的数据结构，并最终通过tree组件渲染，渲染后的tree的每个节点，通过右键操作增删的操作，也就是新增下级，删除节点等等。

目前parent-child数据已经封装了，但是每个节点不知如何增加右键的事件，即每个节点右击后，会渲染一个select列表（同样是从服务端获取然后组装）组件，从select列表中选择其中一项，然后进行新增或删除的操作。

google后找了一遍 比较普遍的有react-contextmenu，但是不知道如何把这个menu渲染到每个tree的node下面，并且在tree的节点新增时渲染select组件。

antd的issue里面有人实现了onRightClick，就是没看明白getNodeTreeRightClickMenu这个方法是从哪调用的。

请问还有其他思路么？提前谢过了

Answer 1

render()方法中调用的

Answer 2

<div style={{position: 'relative'}}>
<Tree loadData={this.onLoadData} showIcon onRightClick={this.onRightClickEvt}>

{this.renderTreeNodes(treeData)}

</Tree>
{this.getNodeTreeRightClickMenu()}
</div>

Answer 3

实现了吗 我也需要这个 样的树形控件