reactjs / reactjs/react.dev

Can the React docs state more rule of the custom Hook

Offen
#3,558 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

@KennethKinLum arbeitet bereits daran.

Seit 02.3.2021.

  • #3557 von @KennethKinLum — offen
Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Überprüfe zuerst die Seite zu benutzerdefinierten Hooks unter https://reactjs.org/docs/hooks-custom.html und den zugehörigen Pull Request #3557. Bestätige die beabsichtigte Erklärung, dass Zustandsaktualisierungen dazu führen, dass Komponenten, die einen benutzerdefinierten Hook verwenden, erneut gerendert werden, und aktualisiere anschließend die Dokumentation mit der vereinbarten Formulierung oder dem vereinbarten Beispiel und überprüfe, dass die Seite korrekt gerendert wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation
Issue-Typ
Dokumentation
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.