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 类型的

发布了102 篇原创文章 · 获赞 202 · 访问量 40万+

猜你喜欢

转载自blog.csdn.net/zr15829039341/article/details/90925189