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

Question

Я подаю заявку, в которой использую компонент FieldArray из реактивной формы.У меня проблемы с производительностью моих компонентов массива.Каждый компонент также содержит около 8 полей (каждое из них содержит правило проверки) (также из response-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...) })
  />