reactjs / reactjs/react.dev

[Bug]: Resetting Suspense boundaries on navigation not work

Offen
#8,325 4 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

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

Beschreibung

Summary

Resetting Suspense boundaries on navigation not work

Page

https://react.dev/reference/react/Suspense

Details

I come up with an example as the documentation says:

However, now imagine you’re navigating between two different user profiles. In that case, it makes sense to show the fallback. For example, one user’s timeline is different content from another user’s timeline. By specifying a key, you ensure that React treats different users’ profiles as different components, and resets the Suspense boundaries during navigation. Suspense-integrated routers should do this automatically.

https://codesandbox.io/p/sandbox/react-dev-forked-4fszvr?file=%2Fsrc%2FApp.js

However, key do not work as expect, i.e. I did not see a loading indicator

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 mit der Suspense-Referenzseite und führe die dort verlinkte CodeSandbox-Reproduktion in src/App.js aus. Vergleiche das beobachtete Navigationsverhalten mit der Aussage der Seite darüber, dass key Suspense-Grenzen zurücksetzt, und ermittle dann, ob das Beispiel oder die Dokumentation korrigiert werden muss. Als erledigt gilt die Aufgabe, wenn die gemeldete Abweichung reproduziert wurde und die Seite oder das Beispiel das Verhalten korrekt wiedergibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

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

Neue Issues direkt in Ihr Postfach

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