reactjs - react 最终形式的 FieldArray 的性能问题

标签 reactjs performance final-form

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

我怎样才能避免这种情况?

最佳答案

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

关于reactjs - react 最终形式的 FieldArray 的性能问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53573160/

相关文章:

reactjs - 类型错误 : null is not an object (evaluating 'RNRandomBytes.seed' ) React Native

javascript - 如何在 Web 应用程序中实现 Visual Code 智能感知

mysql - UPDATE vs COUNT vs SELECT 性能

javascript - 如何在 React Final Form 之外管理状态?

javascript - Google Maps API 标记点击时出现匿名函数错误

javascript - Jest enzyme 模拟 ('click' )以及事件对象和值

java - -d64 开关对 Sun JVM 常驻内存使用有什么影响(如果有的话)?

multithreading - Intel Nehalem 单线程峰值性能

javascript - react-final-form 中的字段可以将自身标记为无效/阻止提交吗?