有一个需求是下拉菜单中有操作,但有些操作是有前提条件的,比如 批量启用 就需要在选择了数据之后。所以设置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
类型的
关注我获取更多前端资源和经验分享
感谢大佬们阅读,希望大家头发浓密,睡眠良好,情绪稳定,早日实现财富自由~