Ant Design入门-第二篇:基础组件的使用
在Ant Design丰富的组件库中,基础组件是构建用户界面的基石。熟练掌握按钮(Button)、输入框(Input)、选择框(Select)等基础组件的使用方法,能帮助开发者高效实现各种交互功能。本文将详细介绍这些基础组件的常见用法与实用技巧。
一、按钮(Button)组件
(一)不同类型按钮(primary、default、dashed等)
Ant Design的按钮组件提供了多种类型,用于满足不同场景需求。primary
类型按钮通常用于表示主要操作,具有明显的视觉效果,例如提交表单的主操作按钮;default
类型按钮为常规操作按钮,视觉上相对弱化;dashed
类型按钮带有虚线边框,常用于次要操作或强调操作的可逆性;danger
类型按钮则使用醒目的颜色,提示该操作具有危险性,如删除操作按钮。
import React from'react';
i