antd表单form的使用

4,169 阅读1分钟

1、首先将Form引入 import {Form} from 'antd';

因为我的项目使用的是umi.js和hooks,所以结构from需要在函数里进行

2、在return里写form布局

form={form}和onFinish={onFinish}是必须要写的,form用于获取Form.Item的值,onFinish用户进行请求操作。

3、点击查询submitForm()触发form的submit事件,如果给Form.Item设置了rules,这时候就会校验Form.Item是否有输入内容;Form.Item只有设置了name,才能获取触发submit事件时才能获取到值 设置rules:

4、触发了submit事件之后,会自动触发onFinish,在onFinish里写请求即可。