reactjs / reactjs/react.dev

Can the React docs state more rule of the custom Hook

Ouverte
#3,558 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

@KennethKinLum y travaille déjà.

Depuis le 2/3/2021.

  • #3557 par @KennethKinLum — ouverte
Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
1 j 11 h
PR mergées (30 j)
11

Description

Could the custom Hook page https://reactjs.org/docs/hooks-custom.html
include one important rule:

https://github.com/reactjs/reactjs.org/pull/3557

Does any change of state in a custom Hook cause any component that uses it to re-render? Yes, when we use any Hook in our function, this function becomes a custom Hook, and when other components use it, any update of the state in this custom hook can cause the component to re-render. So we should not think of the custom Hook as a static function.

Or something along that line? Right now, it feels really magically that somehow, we define a function and it can magically cause another component to re-render itself.

A working example might even be added: https://codesandbox.io/s/suspicious-keller-blqey?file=/src/App.js

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

Examinez d’abord la page sur les Hooks personnalisés à l’adresse https://reactjs.org/docs/hooks-custom.html ainsi que la pull request associée #3557. Confirmez l’explication prévue selon laquelle les mises à jour d’état entraînent le nouveau rendu des composants qui utilisent un Hook personnalisé, puis mettez à jour la documentation avec la formulation ou l’exemple convenu et vérifiez que la page s’affiche correctement.

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é
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

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