Popconfirm 气泡确认框

点击元素，弹出气泡式的确认框。

何时使用

目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。

和 confirm 弹出的全屏居中模态对话框相比，交互形式更轻量。

API

参数	说明	类型	默认值
placement	气泡框位置，可选 `top/left/right/bottom`	string	top
title	确认框的描述	string	无
onConfirm	点击确认的回调	function	无
onCancel	卡片内容	function	无

组件演示

var Popconfirm = antd.Popconfirm;
var message = antd.message;

function confirm() {
  message.success('点击了确定');
}

function cancel() {
  message.error('点击了取消');
}

React.render(
  <Popconfirm title="确定要删除这个任务吗？" onConfirm={confirm} onCancel={cancel}>
    <a href="javascript:;">删除</a>
  </Popconfirm>
, document.getElementById('components-popconfirm-demo-basic'));

基本

最简单的用法。

var Popconfirm = antd.Popconfirm;
var message = antd.message;
var text = '确定要删除这个任务吗？';

function confirm() {
  message.info('点击了确定');
}

React.render(<div>
  <Popconfirm placement="left" title={text} onConfirm={confirm}>
    <a href="javascript:;">左边</a>
  </Popconfirm>
  <Popconfirm placement="top" title={text} onConfirm={confirm}>
    <a href="javascript:;">上边</a>
  </Popconfirm>
  <Popconfirm placement="bottom" title={text} onConfirm={confirm}>
    <a href="javascript:;">下边</a>
  </Popconfirm>
  <Popconfirm placement="right" title={text} onConfirm={confirm}>
    <a href="javascript:;">右边</a>
  </Popconfirm>
</div>, document.getElementById('components-popconfirm-demo-placement'));

位置

位置有四个方向。