reactjs - react-final-form 中 FieldArray 的性能问题
问题描述
我制作了一个应用程序,在其中使用react-final-form 中的FieldArray 组件。我的 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...) })
/>
推荐阅读
- c# - mvc 5 自定义数据注解GetCustomAttributes not found 结果
- angular - 使用 Angular 中的 RxJs,我是否只需要完成在组件中创建的 Observables?
- c# - 将 [HttpPost] 添加到 Edit 方法时出现“找不到资源”
- json - 无法访问 json 对象键
- python - 如何在python中最大化多线程的性能
- scala - spark 2.2.1 - 在 CLASSPATH 中找不到“BONECP”类型的连接池插件
- react-native - 如何动态更改 TabBar(反应导航)中的 activeTintColor?
- python - Numpy查找具有相同值的组的索引
- hazelcast - Coherence 本地缓存的 Hazelcast equcalent
- c - 将 malloc 用于递归函数,每次调用函数时都会获得不同大小的内存