1.Mensaje de texto de información sobre herramientas
Cuadro de burbuja de sugerencia de texto simple.
2. Cuándo usar
· Cuando se mueva el mouse hacia adentro, se mostrará el aviso, y cuando se mueva hacia afuera, desaparecerá y la capa flotante de la burbuja no llevará texto ni operaciones complejas.
·Se puede usar para reemplazar el mensaje de título predeterminado del sistema y proporcionar una explicación de texto del botón/texto/operación.
El código del componente proviene de: Información sobre herramientas de solicitud de texto - 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 ] y solicite el texto Información sobre herramientas: el código que debe usarse localmente en Ant Design Copie y cubra todos los códigos en App2.js , inicie el código, puede ver el fenómeno y cambiar el código localmente.
4. Uso simple de información sobre herramientas de verificación local.
Copie el código que se muestra en la figura a continuación para comprender el uso simple de Tooltip.
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 parte del componente Tooltip. Para obtener más información, consulte el documento oficial: Text Prompt Tooltip - Ant Design