Как исправить Предупреждение: Каждый ребенок в списке должен иметь уникальный ключ

Question

Я создаю простое приложение, используя React, Redux и Firebase. Когда я захожу в свой список уведомлений в браузере, в консоли появляется предупреждающее сообщение

Предупреждение: у каждого ребенка в списке должна быть уникальная «ключевая» опора. Проверьте метод рендеринга 'ProjectList'.

'ProjectList' является одним из моих компонентов в моем приложении.

Как я могу удалить / исправить это предупреждение?

[! [Введите описание изображения здесь] [5]] [5]

Answer 1

Вам просто нужно сделать то, что он говорит, и добавить key.Похоже, вы добавили ключ к каждому <ProjectSummary />, но когда вы отображаете массив и возвращаете список компонентов, ключ должен находиться на самом внешнем элементе - в этом случае <Link key={project.id}>

Вам не нужно это на самом ProjectSummary.