代码之家  ›  专栏  ›  技术社区  ›  cluster1

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

  •  2
  • cluster1  · 技术社区  · 7 年前

    Ant Design中的Popconfirm模式在模式窗口打开时预选了Confirm(“Yes”-)按钮。

    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

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

    准确地说: 当模式出现时,是否有办法将取消(分别为“否”)按钮定义为预选的?

    1 回复  |  直到 7 年前
        1
  •  3
  •   Jesper We    7 年前

    恐怕你只能走到一半。

    如果您提供 okType="default" 属性,则“是”按钮将不再具有 type="primary" ,因此看起来就像“否”按钮。

    但是,不支持相应的 cancelType

    这确实感觉像是一个有点步履蹒跚的API,所以您可能已经成功地提交了PR实现 取消类型 . 应该是一个非常简单的3线补丁 https://github.com/ant-design/ant-design/blob/master/components/popconfirm/index.tsx