antd setfieldvalue如何使用
时间: 2023-07-20 09:44:19 浏览: 110
antd的`setFieldsValue`方法可以用于设置表单中某个字段的值。下面是使用`setFieldsValue`的示例代码:
```javascript
import { Form } from 'antd';
const ExampleForm = () => {
const [form] = Form.useForm();
const handleButtonClick = () => {
// 设置id字段的值为1
form.setFieldsValue({ id: 1 });
}
return (
<Form form={form}>
<Form.Item name="id">
<Input />
</Form.Item>
<Button onClick={handleButtonClick}>设置id字段的值为1</Button>
</Form>
);
};
```
在上面的示例代码中,我们首先使用`Form.useForm()`获取表单实例,并将其赋值给`form`变量。然后,在按钮的`onClick`事件中,我们调用`form.setFieldsValue`方法设置`id`字段的值为1。最后,我们在表单中通过`Form.Item`和`Input`组件渲染了`id`字段。
需要注意的是,`setFieldsValue`方法只能用于设置表单中已存在的字段的值,如果要新增一个表单字段,需要使用`Form.Item`的`initialValues`属性或`form.setFields`方法。
阅读全文