1.使用tree组件内置函数onRightClick事件
<Tree
showLine={showLine}
defaultExpandAll
onSelect={this.showCheck}
onRightClick={this.treeNodeonRightClick2}>
{this.renderTreeNodes(this.state.treeData)}
</Tree>
{this.getNodeTreeRightClickMenu()}
treeNodeonRightClick2 = e => {
this.setState({
display: 'block',
rightClickNodeTreeItem: {
pageX: e.event.pageX,
pageY: e.event.pageY,
id: e.node.key,
categoryName: e.node.title,
},
});
};
renderTreeNodes = data =>
data.map(item => {
if (item.children) {
return (
<TreeNode title={item.title} key={item.key} dataRef={item}>
{this.renderTreeNodes(item.children)}
</TreeNode>
);
}
return <TreeNode key={item.key} {...item} />;
});