reactjs / reactjs/react.dev

"High-level API: ReactCSSTransitionGroup" code example not working

Offen Anfängerfreundlich
#3,737 2 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

Hey, I was recently looking at the docs and I found a code example that didn't work.
CodeSandbox for reference
Docs reference

This throws me this error -

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `TodoList`.

I guess this is some gotcha with imports.

Thanks.

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

Öffne die Docs-Referenz im Abschnitt High-level API: ReactCSSTransitionGroup und reproduziere den Fehler mit der verlinkten CodeSandbox. Vergleiche die Imports des Beispiels mit der ReactCSSTransitionGroup API und überprüfe anschließend, dass das korrigierte Beispiel ohne den Fehler wegen eines ungültigen Elementtyps gerendert wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

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

Neue Issues direkt in Ihr Postfach

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