如何为 antd modal 添加自定义关闭按钮？

Question

我想为 antd 模式添加自定义关闭按钮。我怎样才能这样做呢？

这是我当前的关闭按钮

我想添加一个自定义图像来代替它，就像这样。

这是我要添加的图标

Answer 1

您可以在 Model div 上使用名为 closeIcons 的 API 属性，如下所示：

<Modal
    title="Modal 1000px width"
    centered
    visible={visible}
    closeIcon={<LogoutOutlined />} // Choose any icon you need.
  >
    <p>some contents...</p>
    <p>some contents...</p>
    <p>some contents...</p>
  </Modal>

参考：antd API