Проблемы с производительностью с FieldArray в окончательной форме реакции

Я делаю приложение, в котором использую Компонент FieldArray из response-final-form. У меня проблемы с производительностью компонентов Array. Каждый компонент также содержит около 8 полей (каждое из них содержит правило проверки) (также из response-final-form) и когда я добавляю 50+ элементов, отставание приложения (при рендеринге ВСЕХ компонентов в виртуальную DOM и сравниваю ее с текущей DOM). У кого-нибудь была эта проблема?

Как мне этого избежать?

reactjs performance final-form

01.12.2018 18:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

1 051

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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...) })
  />

09.01.2019 20:03

Другие вопросы по теме

Data.Text.Lazy.Builder против Text.Builder

Numpy: транслировать значения строк в каналы

Libgdx почему у меня игра лагает при переключении экранов

Почему 2 * x * x быстрее, чем 2 * (x * x) в Python 3.x для целых чисел?

Как проверить, является ли 10-значное число простым или нет?

Многопоточность C медленнее, чем однопоточность при умножении матриц

Более быстрый способ взять два списка целых чисел и создать пары списков типов

Как найти память и время выполнения, используемые моделью NuSMV

Эффективная обработка данных временных рядов в Firebird

Влияет ли длина имени переменной на скорость работы программы?

Проблемы с производительностью с FieldArray в окончательной форме реакции

Ответы 1

Другие вопросы по теме

Похожие вопросы