在 Ant Design 中更改模态按钮文本

Question

我有Modal默认按钮文本。我需要改变他们，但okButtonProps.children并cancelButtonProps.children不起作用。

<Modal
  okButtonProps={{
    children: "Custom OK"
  }}
  cancelButtonProps={{
    children: "Custom cancel"
  }}
>
  Modal content
</Modal>

代码沙盒

Answer 1

你必须使用okText和cancelText财产：

    <Modal
      visible={true}
      okButtonProps={{
        children: "Custom OK"
      }}
      cancelButtonProps={{
        children: "Custom cancel"
      }}
      okText="Hello"
      cancelText="Ciao"
    />

okButtonProps并且cancelButtonProps是放置按下按钮或按下按钮props后将发生的动作。okcancel

它们不是用于放置文本，而是用于放置动作。

要放置文本使用okTextand cancelText，只需检查 API：

https://ant.design/components/modal/#API