在Antd 4.0.0版本中,可以使用form.getFieldValue()
方法来获取表单字段的值。下面是一个使用const [form] = Form.useForm()
来获取form实例并使用getFieldValue()
方法的示例代码:
import React from 'react';
import { Form, Input, Button } from 'antd';
const App = () => {
const [form] = Form.useForm();
const handleSubmit = () => {
const fieldValue = form.getFieldValue('fieldName');
console.log(fieldValue);
};
return (
);
};
export default App;
在上面的代码中,使用Form.useForm()
来获取form实例,并将其赋值给form
变量。然后,在handleSubmit
函数中,使用form.getFieldValue('fieldName')
来获取名为fieldName
的字段的值。
请注意,getFieldValue
方法接受一个字符串参数,该参数为字段的名称。在示例代码中,我们使用name
属性将字段名称设置为fieldName
,以便在getFieldValue
方法中使用。
此外,还可以使用form.getFieldsValue()
来获取所有字段的值。例如:
const handleSubmit = () => {
const fieldValues = form.getFieldsValue();
console.log(fieldValues);
};
上述代码将打印出所有字段的值。
希望这可以帮助你解决问题!