react-contexify的右键菜单属性disabled不起作用
使用场景:
使用react做前端项目时,有一个需求是根据table的行数据不同,点击鼠标右键展示不同的菜单,但是真实情况是,只有第一次渲染的时候会根据代码逻辑渲染,之后点击鼠标右键,出来的菜单始终和第一次相同,除非先点击鼠标左键,再点击右键。
注:为了方便描述问题,下面的代码均为演示代码。
代码展示
定义的右键菜单如下:
<Menu id="contextMenuId" >
<Item key='item1' disabled={
this.handleItemDisabled.bind(this)}>
<span>操作1</span>
</Item>
<Item key='item2' disabled={
this.handleItemDisabled.bind(this)}>
<span>操作2</span>
</Item>
<Item key='item3' disabled