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

时间:2018-12-01 17:08:03

标签: reactjs performance final-form

我制作了一个应用程序,在其中使用react-final-form的 FieldArray组件 。我的Array组件遇到性能问题。每个组件还包含大约8个字段(每个字段都包含验证规则)(也来自react-final-form),当我添加50多个元素时应用程序的滞后(将所有组件呈现到虚拟DOM中并将其与当前DOM进行比较)。有人遇到麻烦了吗?

如何避免这种情况?

1 个答案:

答案 0 :(得分:0)

要阻止整个列表重新呈现,您可以清除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...) })
  />