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

關注我獲取更多前端資源和經驗分享

感謝大佬們閱讀，希望大家頭髮濃密，睡眠良好，情緒穩定，早日實現財富自由~