在 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是放置okprops按下按钮或按下按钮cancel将发生的操作。

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

要放置文本，请使用okText和cancelText，只需检查API：

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