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

在antd 4中，可以通过使用动态形式来设置初始值。具体步骤如下：

首先，确保你已经安装了antd 4的版本。你可以通过以下命令来安装最新版本的antd：

npm install antd@4 --save

在你的代码中引入antd的相关组件和样式：

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

创建一个表单，并设置初始值为动态形式。你可以使用Form组件的initialValues属性来设置初始值。这个属性接受一个对象，对象的键是表单字段的名称，值是对应字段的初始值。例如：

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>

在上面的例子中，表单的初始值被设置为username字段的值为'admin'，password字段的值为'123456'。

如果你想要动态地改变初始值，可以使用setFieldsValue方法。这个方法接受一个对象，对象的键是表单字段的名称，值是对应字段的新值。例如：

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>

在上面的例子中，点击按钮后，表单的初始值会被动态地改变为username字段的值为'newadmin'，password字段的值为'newpassword'。

这样，你就可以在antd 4中将初始值设置为动态形式了。

关于antd的更多信息和使用方法，你可以参考腾讯云的Ant Design Pro产品，它是一个开箱即用的中台前端/设计解决方案，提供了丰富的组件和模板，可以帮助你快速构建企业级应用。

Ant Design Pro产品介绍链接地址：https://cloud.tencent.com/product/adcpro