Реагировать - использование памятки в функциональных компонентах для предотвращения повторного отображения - PullRequest
Новая
       7

Реагировать - использование памятки в функциональных компонентах для предотвращения повторного отображения

0 голосов
/ 26 января 2019

У меня есть компонент, который вызывает функциональный компонент n раз.Мой родительский компонент содержит список, а затем он отображает список, отображая его и возвращая функциональный компонент для каждого значения.Я хочу предотвратить повторную визуализацию функциональных компонентов, если их реквизиты остаются неизменными при изменении состояния родительского компонента.Я пытаюсь использовать response.memo для этого, но функциональные компоненты по-прежнему отображаются.Реквизиты в моем функциональном компоненте: 

ListElement.propTypes = {
  t: PropTypes.func, // react-i18next injected
  lng: PropTypes.string, // react-i18next injected
  conversationId: PropTypes.number,
  loggedInUserId: PropTypes.number,
  fromId: PropTypes.number,
  name: PropTypes.string,
  time: PropTypes.string,
  role: PropTypes.string,
  thumbnail: PropTypes.string,
  fromArchiveList: PropTypes.bool,
  hasChatStarted: PropTypes.bool,
  isPatient: PropTypes.bool,
  isNewMessage: PropTypes.bool,
  loggedInUserRole: PropTypes.string,
  isStarred: PropTypes.bool,
  unReadMessageCount: PropTypes.number,
};

Список большой, содержит более 200 значений.И я предполагаю, что именно поэтому профилировщик показывает, что мой родительский компонент занимает много времени в рендеринге.Каждый элемент списка также имеет уникальные ключи.Кто-нибудь может помочь мне?

...