Ant Design Popconfirm - 将预选按钮更改为Cancel

时间:2018-02-20 12:59:08

标签: javascript reactjs antd

Ant设计中的Popconfirm-modal具有确认("是" - ) - 在模态窗口打开时预先选择按钮。

enter image description here

模态的源代码:

import { Popconfirm, message } from 'antd';

function confirm(e) {
  console.log(e);
  message.success('Click on Yes');
}

function cancel(e) {
  console.log(e);
  message.error('Click on No');
}

ReactDOM.render(
  <Popconfirm title="Are you sure delete this task?" onConfirm={confirm} onCancel={cancel} okText="Yes" cancelText="No">
    <a href="#">Delete</a>
  </Popconfirm>
, mountNode);

此处提供文档和实时演示:Ant Design Documentation

有没有办法改变描述的默认行为?

准确地说: 有没有办法定义取消(分别为&#34; No&#34; - ) - 按钮在模态出现时预先选择?

1 个答案:

答案 0 :(得分:3)

我害怕你只能走中途。

如果您提供okType="default"财产,那么&#34;是&#34;按钮将不再具有type="primary",因此看起来就像&#34; No&#34;按钮。

但是,不支持相应的cancelType属性,这意味着您无法生成&#34; No&#34;按钮蓝色。

这确实感觉像是一个略微跛行的API,因此您可能成功提交实施cancelType的PR。应该是针对https://github.com/ant-design/ant-design/blob/master/components/popconfirm/index.tsx

的非常简单的3行补丁