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

Question

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