[Suggestion]: Confusing example in UseTransition

Ouverte Adaptée aux débutants
#8,381 5 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
68/100
Type d'issue
Documentation
Clarté
Plutôt claire
Activité
Calme
Stack technique
javascript, react
Domaine
documentation

Piste de recherche

Ouvrez l’exemple lié de la documentation de useTransition, « Perform non-blocking updates with Actions », et examinez la manière dont la saisie de quantité et le total sont présentés. Comparez l’exemple Item proposé avec le flux actuel, puis mettez à jour l’exemple de quantité et de total afin que le rôle de la transition soit clair autour de l’appel au serveur. La tâche est terminée lorsque l’exemple révisé est compréhensible et démontre correctement le comportement prévu de la transition.

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

Description

type: documentation
Summary

In UseTransition example, you have used input as DOM control so it's instantly updating quantity, which is confusing as it suppose to wait for server call then we can understand the use of transition there, I don't find this document is useful, all examples are very confusing.

below code would be helpful. Didn't expect this from react doc itself, I feel I have better understanding than who written this doc's.

export default function Item({quantity, onUpdateQuantity}) { function handleChange(event) { onUpdateQuantity(event.target.value); } return ( <div className="item"> <span>Eras Tour Tickets</span> <label htmlFor="name">Quantity: </label> <input type="number" value={quantity} onChange={handleChange} /> </div> ) }

Page

No response

Details

Please update Use Transition example that is related to quantity and total.

Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
16 h 6 min
PR mergées (30 j)
7

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.

Autres issues de reactjs/react.dev

Toutes les issues de reactjs/react.dev

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

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