反应式FieldArray的性能问题.最终形式

Question

我创建了一个应用程序，在该应用程序中，我使用了FieldArray component作为react final-form。我的数组组件有性能问题。每个组件还包含大约8个字段(每个字段都包含验证规则)(也来自react final-form)，当我添加50+元素应用程序的滞后(同时将所有组件呈现为虚拟DOM并将其与当前DOM进行比较时)。有人有这种麻烦吗？

我怎么才能避免这种情况？

Answer 1

若要防止重新呈现整个列表，可以清除FieldArray组件中的所有订阅。

 <FieldArray
      name="myList"
      subscription={{}} // This is required so that the whole array does not re-render on any change.
      render={(fieldsProps) => (fieldsProps.fields.map((name, index) =>
            { (...your function here...) })
  />