1. Cuadro de confirmación de burbuja Popconfirm
Haga clic en el elemento para que aparezca un cuadro de confirmación similar a una burbuja.
2. Cuándo usar
Cuando la operación del elemento de destino requiere una confirmación adicional por parte del usuario, aparecerá un indicador de capa flotante cerca del elemento de destino para preguntarle al usuario.
En comparación con el cuadro de diálogo modal centrado en pantalla completa que aparece al confirmar, el formulario interactivo es más ligero.
El código del componente proviene de: Cuadro de confirmación de burbujas Popconfirm - Ant Design
3. Preparación antes de la verificación local
Consulte el artículo [react project + antd component-demo:hello-world react project + antd component-demo:hello-world_Western Jin’s no1 blog-CSDN blog ], https://ant.design/components/popconfirm-cn Copie el código que debe usarse localmente en App2.js para cubrir todo el código en App2.js , iniciar el código, ver el fenómeno y cambiar el código localmente.
4. Uso simple de verificación local Popconfirm .
Copie el código que se muestra en la figura a continuación para comprender el uso simple de Popconfirm.
5. Ver el método de configuración de las 12 direcciones de la burbuja: ubicación
Copie el código que se muestra en la siguiente figura para aprender a configurar las 12 direcciones de la burbuja: colocación.
La posición del cuadro de burbujas, opcional superior izquierda derecha inferior superior izquierda superior derecha inferior izquierda inferior derecha izquierda superior izquierda inferior derecha superior derecha inferior.
Para un uso específico, consulte el código fuente a continuación.
Este artículo solo presenta una parte del componente Popconfirm. Para obtener más información, consulte el documento oficial: Cuadro de confirmación de burbuja Popconfirm - Ant Design