Изменить текст модальной кнопки в Ant Design

Question

У меня есть Modal с текстовыми кнопками по умолчанию. Мне нужно изменить их, но okButtonProps.children и cancelButtonProps.children не работают.

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

Codesandbox

Answer 1

Вы должны использовать okText и cancelText свойство:

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

okButtonProps и cancelButtonProps - это размещение props действий, которые произойдут после нажатия кнопки ok, или cancel кнопка нажата.

Они предназначены не для размещения текста, а для размещения действий.

Для размещения текста используйте okText и cancelText, просто проверьте API:

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