Antd表单--获取表单输入的值
如何获取到antd表单输入的值。
首先第一步在antd中引入：From
import { Form } from antd;
然后再组件中创建实例（注意：这里使用的是函数组件）
function demo(props) {
//获取表单数据的实例
const [form] = Form.useForm();
}
再使用表单时把加入form
//加入form，这个form就是先前获取的实例
<Form form={form}>
xxxxx
</Form>
然后再需要获取值得地方调用form.getFieldsValue()，就可以获取到所有的表单值，如需获取某个字段的值可以使用getFieldValue，
function save(type) {
//获取所有表单的值
const FromData = form.getFieldsValue()
}
另附表单验证的方法
function save(type) {
//获取所有表单的值
const FromData = form.getFieldsValue()
//表单验证
form.validateFields()
.then((res) => {
console.log(验证成功);
})
.catch((err) => {
console.log(验证失败);
})
}
