在antd 4中将初始值设置为动态形式

npm install antd@4 --save

import { Form, Input } from 'antd';
import 'antd/dist/antd.css';

const initialValues = {
  username: 'admin',
  password: '123456',
};

<Form initialValues={initialValues}>
  <Form.Item label="Username" name="username">
    <Input />
  </Form.Item>
  <Form.Item label="Password" name="password">
    <Input.Password />
  </Form.Item>
</Form>

const [form] = Form.useForm();

const handleButtonClick = () => {
  form.setFieldsValue({
    username: 'newadmin',
    password: 'newpassword',
  });
};

<Form form={form} initialValues={initialValues}>
  <Form.Item label="Username" name="username">
    <Input />
  </Form.Item>
  <Form.Item label="Password" name="password">
    <Input.Password />
  </Form.Item>
  <Button onClick={handleButtonClick}>Change Initial Values</Button>
</Form>