reactjs / reactjs/react.dev

[Bug]: Resetting Suspense boundaries on navigation not work

Ouverte
#8,325 4 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug: unconfirmed
Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
1 j 11 h
PR mergées (30 j)
11

Description

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par la page de référence de Suspense et exécutez la reproduction CodeSandbox qui y est liée dans src/App.js. Comparez le comportement de navigation observé avec l’affirmation de la page selon laquelle key réinitialise les limites Suspense, puis déterminez si l’exemple ou la documentation doit être corrigé. Le travail est terminé lorsque la divergence signalée est reproduite et que la page ou l’exemple reflète correctement le comportement.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript, react
Domaine
documentation, frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
42/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.