form 设置默认值
时间: 2023-10-09 07:08:29 浏览: 63
在使用 Antd 中设置 Form 表单的默认值时,可以采用多种方法。其中,可以在 `<Form.Item>` 组件中使用 `defaultValue` 属性来设置默认值,但一般来说并不常用。另一种方法是在表单组件的 `initialValues` 属性中设置初始值,但需要注意每个字段的初始值必须是常量,不能是状态 (`state`)。还可以通过使用 `useEffect()` 钩子在页面渲染前设置表单项的值。例如,可以使用以下代码来设置表单项 `type` 的初始值:
```javascript
useEffect(() => {
form.setFieldValue('type', '1');
}, []);
```
如果要清空 Form 表单输入框的值,可以使用 `resetFields` 方法来实现。例如,可以使用以下代码来清空表单:
```javascript
form.resetFields();
```
这样就能够成功清空表单输入框的值了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Antd中设置 Form 初始值和清空Form表单输入框(转)](https://blog.csdn.net/qq_41767116/article/details/130498580)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [Ant Design 常见用法与坑点总结(二):Form 表单下拉框设置初始值](https://blog.csdn.net/weixin_45138590/article/details/130277713)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]