2 问题。

1. 您将内联 renderProp 传递给 Form 组件，这意味着每次组件渲染时它都会创建一个新函数，这会导致您的表单重置。解决方案是将 renderProp 移动到上面的函数中并将其传入，最好使用 useCallback 进行记忆。
2. 修复上述问题后，表单仍将重置。这是因为您将内联数组传递给 initialValues。每次您的组件呈现时，这将再次创建一个新数组，从而重置您的表单。将其移动到变量中并传入。

这是一个非常常见的初学者错误，您应该阅读 React 如何进行引用相等性检查以找出要重新渲染的组件。

固定版本：https : //codesandbox.io/embed/react-final-form-field-arrays-c6hgu

只需在箭头函数中记住您的初始值，然后将其传递给表单组件：

const initialValues = useCallback(() => {
    return {data: [{}]};
    // eslint-disable-next-line react-hooks/exhaustive-deps
}, []);

将该函数作为您的 Form 组件的 initialValues props传递。