antd 是基于 Ant Design 假想系统的 React UI 组件库,次要用于研发企业级中后台产物。Antd有以下特征:1.提炼自企业级中后台产物的交互说话和视觉气概。2.开箱即用的高质量 React 组件。3. 应用 TypeScript 开辟,供给完全的范例界说文件。4.全链路开辟和假想工详细系。5.数十个国际化说话撑持。6.深入每一个细节的主题定制才能。
Antd中有几个经常应用的组件,Button按钮该当是应用最多的组件了。
1.Button按钮以下图:
在 Antd中供给了五种按钮。从上图种能够得知范例有:主按钮、次按钮、虚线按钮、文本按钮和链接按钮。主按钮在同一个操纵地区最多显现一次。
主按钮:用于主步履点,一个操纵地区只能有一个主按钮。默许按钮:用于没有主次之分的一组步履点。虚线按钮:经常应用于增加操纵。文本按钮:用于最次级的步履点。链接按钮:通俗用于链接,即导航至某位置。
2.Form表单是高机能表单控件,自带数据域治理。包括数据录入、校验和对应款式。
如图:
Form表单基础的表单数据域节制显现,包括布局、初始化、考证、提交。Form表单供给了很多API。
colon:设置 Form.Item 的 colon 的默许值。默示可否显露, label 后面的冒号 (只要在属性 layout 为 horizontal 时无效)。
1.Componen:设置 Form 衬着元素,为 false 则不建立 DOM 节点。
2.Fields:经由过程外形治理(如 redux)节制表单字段,如非强需求不推举应用。
3.Form:经 Form.useForm() 建立的 form 节制实例,不供给时会自动建立。
4.initialValues:表单默许值,
品牌网站建设公司,只要初始化和重置时失效。
5.labelAlign:label 标签的文本对齐体式花样。
6.labelCol:label 标签布局,同
组件,设置 span offset 值,如 {span: 3, offset: 12} 或 sm: {span: 3, offset: 12}。
7.Layout:表单布局。
8.Name:表单称号,会作为表单字段 id 前缀应用。
9.Preserve:当字段被删除时留存字段值。
等等另有很多关于Form表单API在这就不多显现了,可有antd官网检察。