问在Ant Design中更改Modal按钮文本
EN

Stack Overflow用户

提问于 2020-01-20 21:04:45

回答 1查看 2.6K关注 0票数 1

我有默认按钮文本的Modal。我需要更改它们，但okButtonProps.children和cancelButtonProps.children不起作用。

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

Codesandbox

reactjs

antd

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-01-20 21:08:49

您必须使用okText和cancelText属性：

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

okButtonProps和cancelButtonProps将放置props操作，这些操作将在按下ok按钮或按下cancel按钮时发生。

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

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

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

票数 8

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59823922

复制

相似问题

问在Ant Design中更改Modal按钮文本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Ant Design中更改Modal按钮文本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Ant Design中更改Modal按钮文本
EN