reactjs / reactjs/react.dev

[Bug]:Possible wrong descrption for useDeferredValue

Ouverte
#8,324 0 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

The doucmention describe the wrong behaviour for useDeferredValue

Page

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

Details

The documentation says:

The query will update immediately, so the input will display the new value. However, the deferredQuery will keep its previous value until the data has loaded

From my test, deferredQuery also updates immediately rather than waiting for the data to be loaded here is the link https://codesandbox.io/p/sandbox/react-dev-forked-kxfktt

Image

useDeferredValue consistently lags query with around 4 or 5 ms

Think about it, if deferredQuery updates after SearchResults is ready, how SearchResults receive the latest data at the first place?

The real reason we can see opacity: 0.2 for several seconds is that the new content is not rendered yet; rather than

the deferredQuery will keep its previous value until the data has loaded

If my understanding is correct, I should say the documentation is misleading, especially for the newbies

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

Lisez le passage sur useDeferredValue à l’adresse https://react.dev/reference/react/Suspense et reproduisez le comportement dans le CodeSandbox lié. Comparez la formulation concernant deferredQuery avec le timing observé, puis mettez à jour la documentation afin qu’elle explique précisément quand la valeur change et ce qu’indique l’opacité.

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

Évaluation

Stack technique
react
Domaine
documentation
Type d'issue
Documentation
Difficulté
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
52/100

Recevez les nouvelles issues par e-mail

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