Popconfirm气泡确认框(antd-design组件库)简单使用

1.Popconfirm气泡确认框

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

2.何时使用

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

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

组件代码来自: 气泡确认框 Popconfirm - Ant Design

3.本地验证前的准备

参考文章【react项目+antd组件-demo:hello-world react项目+antd组件-demo:hello-world_西晋的no1的博客-CSDN博客】,将 https://ant.design/components/popconfirm-cn 中需要在本地使用的代码复制覆盖App2.js中的全部代码,启动代码,可在本地查看现象和更改代码。

4.本地验证Popconfirm的简单用法。

复制下图所示代码,了解Popconfirm的简单用法。

5.查看设置气泡 12 个方向的方法:placement

复制下图所示代码,了解如何设置气泡 12 个方向:placement。

气泡框位置,可选 top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom。

具体用法参考下述源代码。

本文仅介绍了组件Popconfirm的部分内容,更多内容请参阅官方文档: 气泡确认框 Popconfirm - Ant Design

猜你喜欢

转载自blog.csdn.net/xijinno1/article/details/132134868