reactjs / reactjs/react.dev

console.js:288 Warning: Each child in a list should have a unique "key" prop.

Offen
#7,191 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

Check the render method of PageLayout. See https://fb.me/react-warning-keys for more information.
in WithStyles(ForwardRef(Grid)) (created by PageLayout)
in PageLayout (created by ViewTemplateDetails)
in ViewTemplateDetails (created by Context.Consumer)
in Route (created by RenderRoute)
in Switch (created by RenderRoute)
in Suspense (created by RenderRoute)
in RenderRoute (created by App)
in IntlProvider (created by App)
in div (created by MainLayout)
in PagePermissions (created by MainLayout)
in main (created by MainLayout)
in div (created by MainLayout)
in div (created by MainLayout)
in SubscriptionsProvider (created by MainLayout)
in DatadogProvider (created by MainLayout)
in AppInsightsLogger (created by MainLayout)
in MainLayout (created by App)
in Router (created by BrowserRouter)
in BrowserRouter (created by App)
in ForwardRef (created by AuthProvider)
in AuthProvider (created by App)
in StylesProvider (created by ThemeProvider)
in ThemeProvider (created by ThemeProvider)
in ThemeProvider (created by MainProvider)
in SettingsProvider (created by MainProvider)
in MainProvider (created by App)
in App
in Provider

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, die in der Warnung genannte PageLayout-Render-Methode zu lokalisieren und das Problem auf der ViewTemplateDetails-Route zu reproduzieren. Verfolge die Liste, die die Warnung auslöst, und überprüfe anschließend, dass die Konsole beim Rendern der Route leer bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.