Antd 组件 Menu.Item中关于 disabled 的一点使用心得

有一个需求是下拉菜单中有操作，但有些操作是有前提条件的，比如 批量启用 就需要在选择了数据之后。所以设置disabled来控制它操作还是不可操作。

但是会出现一个问题，在<Menu.Item></Menu.Item>中的 不是 string就会导致 disabled不能生效

也就是以下情况

<Menu.Item key="1" disabled={dis}>
  <Modal.Confirm>批量启用</Modal.Confirm>
</Menu.Item>

但是，实际上需要写成这样~

<Menu.Item key="1" disabled={dis} onClick={this.confirmModal}>
  批量启用
</Menu.Item>

总结

也就是说它不能识别 里面的 ReactNode 只能允许 string 类型的

关注我获取更多前端资源和经验分享

感谢大佬们阅读，希望大家头发浓密，睡眠良好，情绪稳定，早日实现财富自由~