antd Popconfirm 如何不显示底部按钮
时间: 2024-10-25 14:09:04 浏览: 47
antd 过去时间不可选
Ant Design (antd) 的 Popconfirm 是一个弹出确认框组件,通常用于提供操作前的确认提示。如果你想隐藏底部的确认和取消按钮,你可以通过设置 `onConfirm` 和 `onCancel` 属性时返回一个空函数的方式实现。
例如:
```jsx
import { Popconfirm } from 'antd';
function handleClick() {
// 如果你想隐藏底部的确认和取消按钮,可以这样做
Popconfirm({
title: 'Are you sure?',
onConfirm: () => {},
onCancel: () => {},
}, (
<div>
<!-- 提示内容 -->
确定要删除吗?
</div>
));
}
// 使用组件
<Button onClick={handleClick}>Delete</Button>
```
在这个例子中,`onConfirm` 和 `onCancel` 都指向了空函数,所以点击后不会有任何动作,默认的行为(关闭弹窗)也不会发生。如果你需要自定义其他确认逻辑,可以在对应的回调里添加代码。
阅读全文