=form.getFieldValue的使用
时间: 2024-03-05 16:53:54 浏览: 138
antd Form组件方法getFieldsValue获取自定义组件的值操作
5星 · 资源好评率100%
`form.getFieldValue` 是 Ant Design 中表单组件的一个方法,用于获取某个表单域的值。它的使用方法如下:
```jsx
import { Form } from 'antd';
const MyForm = () => {
const [form] = Form.useForm();
const handleGetValue = () => {
const value = form.getFieldValue('fieldName');
console.log(value);
};
return (
<Form form={form}>
<Form.Item name="fieldName">
<input type="text" />
</Form.Item>
<button onClick={handleGetValue}>获取值</button>
</Form>
);
};
```
在上述代码中,我们使用 `form.getFieldValue('fieldName')` 方法获取名为 `fieldName` 的表单项的值,并在控制台打印出来。需要注意的是,使用 `getFieldValue` 方法前需要先通过 `Form.useForm` 方法获取到表单对象 `form`。
阅读全文