ant design4 设置表单默认值

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 (
        <Form
            initialValues={{
                userName:'孔明',
                password: 1111111
            }}
        >
            <Item name="userName">
                <Input placeholder="请输入姓名"/>
            </Item>
            <Item name="password">
                <Input.Password placeholder="请输入密码"/>
            </Item>
        </Form>
    );
}

export default TestForm;

效果图：