ant design4 设置表单的默认值和以前不一样了
通过在 Form 组件标签上添加initialValues
属性,并传入一个对象,我们可以设置ant design4 Form表单的默认值
注意传入对象的属性-值
中的属性名应与Form.Item
组件标签中name属性的值相同
参考代码
import React from 'react';import {Form, Input} from 'antd';const {Item} = Form;function TestForm(props) {return (<ForminitialValues={{userName:'孔明',password: 1111111}}><Item name="userName"><Input placeholder="请输入姓名"/></Item><Item name="password"><Input.Password placeholder="请输入密码"/></Item></Form>);}export default TestForm;
效果图: