antdesignpro ModalForm多次调用setFieldsValue后ProFormText显示不正常

如果在 Ant Design Pro 中多次调用 `form.setFieldsValue()` 后，`ProFormText` 组件显示不正常，可能是因为 `form.setFieldsValue()` 方法会覆盖整个表单的值，使得 `ProFormText` 组件的值被重置了。

解决这个问题的方法是，在调用 `form.setFieldsValue()` 方法之前，先获取当前表单的值，然后将需要更新的字段值更新到当前表单值中，最后再调用 `form.setFieldsValue()` 方法更新整个表单的值。

示例代码如下：

const [formValues, setFormValues] = useState({});

// 获取表单的当前值
const currentValues = form.getFieldsValue();

// 更新需要更新的字段值
const newValues = {
  ...currentValues,
  field1: 'new value 1',
  field2: 'new value 2',
};

// 更新表单的值
setFormValues(newValues);
form.setFieldsValue(newValues);

这样做的好处是，可以避免 `form.setFieldsValue()` 方法覆盖整个表单的值，只更新需要更新的字段值，从而避免 `ProFormText` 组件显示不正常的问题。

相关问题

antdesignpro ModalForm使用setFieldsValue多次导致显示不正确

Ant Design Pro 的 ModalForm 组件在使用 setFieldsValue 方法时，可能会出现多次调用导致显示不正确的问题。这是因为 setFieldsValue 方法会更新表单的值，并且会触发表单的重新渲染。如果在重新渲染之前还有其他的 setFieldsValue 调用，那么之前的修改可能会被覆盖。

解决这个问题的方法是，在每次调用 setFieldsValue 方法之前，先调用 form.resetFields 方法，将表单重置为初始状态，然后再调用 setFieldsValue 方法更新表单的值。这样可以确保每次修改都是在一个干净的状态下进行的，不会出现显示不正确的问题。另外，也可以通过使用 form.setFields 方法，直接更新表单的值，而不是使用 setFieldsValue 方法，这样可以避免触发表单的重新渲染。

antdesignpro ModalForm

Ant Design Pro 是一个基于 Ant Design 设计语言的企业级中后台前端/设计解决方案，其中 ModalForm 是一个常用的 UI 组件，可以用于展示表单并进行数据提交操作。

ModalForm 组件包含以下几个部分：

1. Modal：对话框组件，用于展示表单内容。

2. Form：表单组件，用于收集用户输入的数据。

3. Button：按钮组件，用于提交表单数据。

使用 ModalForm 组件需要先引入 antd 和 antd-pro 组件库，并按照文档中的示例代码进行组件的调用和配置。具体使用方法可以参考 Ant Design Pro 的官方文档。