reactjs / reactjs/react.dev

The example in hooks-faq "is-there-something-like-forceupdate" is wrong

Ouverte
#2,410 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

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

Description

Direct link: https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate

The example says

const [ignored, forceUpdate] = useReducer(x => x + 1, 0);

  function handleClick() {
    forceUpdate();
  }

But this makes typescript report an error. (The typescript types are provided by the react team itself right? otherwise I might need to file a bug with the team maintaining the types)

Possible fixes:

const [ignored, forceUpdate] = useReducer(x => x + 1, 0);

  function handleClick() {
    forceUpdate("something"); //I added an argument here
  }

will pass the type checker

const [ignored, forceUpdate] = useState(0); //useState instead of useReducer

  function handleClick() {
    forceUpdate(x => x + 1); //calculate function
  }

is also ok (and a bit nicer IMHO)

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

Ouvrez la section liée de la Hooks FAQ, « Is there something like forceUpdate? », et examinez l’exemple useReducer présenté. Vérifiez l’exemple avec TypeScript, puis mettez-le à jour en utilisant l’une des alternatives de vérification des types décrites dans l’issue. C’est terminé lorsque l’exemple de documentation ne produit plus l’erreur TypeScript signalée.

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

Évaluation

Stack technique
javascript, react
Domaine
documentation
Type d'issue
Documentation
Difficulté
1/5
Temps estimé
Moins d'une heure
Activité
À l'abandon
Clarté
Clairement spécifiée
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

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