如何获取到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('验证失败');
})
}