1. botón botón
El botón se utiliza para iniciar una acción instantánea.
2. Cuándo usar
Se marca un comando de operación (o un grupo de paquetes) y la lógica comercial correspondiente se activa en respuesta al comportamiento de clic del usuario.
Proporcionamos cinco botones en Ant Design.
Botón principal: utilizado para el punto de acción principal, un área de operación solo puede tener un botón principal.
Botón predeterminado: se utiliza para un conjunto de acciones sin prioridad.
Botón punteado: a menudo se usa para agregar operaciones.
Botón de texto: se utiliza para los puntos de acción de nivel más bajo.
Botón de enlace: generalmente se usa para enlaces, es decir, para navegar a una ubicación.
Y los cuatro atributos de estado se usan junto con los anteriores.
Peligroso: las operaciones peligrosas como eliminar/mover/modificar permisos generalmente requieren una segunda confirmación.
Fantasma: se usa en lugares con colores de fondo complejos y, a menudo, se usa en escenarios de visualización, como la página de inicio o la página del producto.
Deshabilitado: cuando un punto de acción no está disponible, generalmente requiere una explicación de redacción.
Carga: se utiliza para operaciones asincrónicas para evitar envíos múltiples mientras se espera la retroalimentación.
El código del componente proviene de: Button Button - 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 ], copie el código que debe usarse localmente en Button - Ant Design todos los códigos en App2.js , inicie el código, vea el fenómeno y cambie el código localmente.
4. Uso simple del botón de verificación local .
Copie el código que se muestra en la figura a continuación para comprender el uso simple de Button. Reconocer los cinco tipos de botones.
5. Ver los estilos de los 3 tamaños de botones y cómo usarlos
Copie el código que se muestra en la figura a continuación para comprender los estilos de los 3 tamaños de botón y cómo usarlos .
Este artículo solo presenta una parte del componente Button. Para obtener más información, consulte el documento oficial: Button Button - Ant Design