Skip to content

Commit 0de5f68

Browse files
committed
Update content/docs/hooks-rules.md after review
1 parent babf1cc commit 0de5f68

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

content/docs/hooks-rules.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ prev: hooks-effect.html
88

99
Gli *Hooks* sono stati aggiunti in React 16.8. Ti permettono di utilizzare `state` ed altre funzioni di React senza dover scrivere una classe.
1010

11-
Gli Hooks sono funzioni JavaScript, ma occorre seguire due regole quando li utilizziamo. Forniamo un [plugin linter](https://www.npmjs.com/package/eslint-plugin-react-hooks) per imporre queste regole automaticamente.
11+
Gli Hooks sono funzioni JavaScript, ma devi seguire due regole quando li utilizzi. Forniamo un [plugin linter](https://www.npmjs.com/package/eslint-plugin-react-hooks) per imporre queste regole automaticamente.
1212

1313
### Chiama gli Hooks solo al livello più alto {#only-call-hooks-at-the-top-level}
1414

@@ -118,7 +118,7 @@ useState('Poppins') // 🔴 2 (ma era 3). Impossibile leggere la variabil
118118
useEffect(updateTitle) // 🔴 3 (ma era 4). Impossibile sostituire l'effect per aggiornare il title
119119
```
120120

121-
React non saprebbe cosa restituire per la seconda chiamata all'Hook `useState`. React si aspettava che la seconda chiamata all'Hook in questo componente corrispondesse all'effect `persistForm`, esattamente come nel render precedente, ma non è più così. Da quel punto in poi, anche ogni successiva chiamata ad un Hook dopo quella che è stata saltata risulterebbe shiftata di uno, introducendo dei bug.
121+
React non saprebbe cosa restituire per la seconda chiamata all'Hook `useState`. React si aspettava che la seconda chiamata all'Hook in questo componente corrispondesse all'effect `persistForm`, esattamente come nel render precedente, ma non è più così. Da quel punto in poi, anche ogni successiva chiamata ad un Hook dopo quella che è stata saltata risulterebbe traslata di uno, introducendo dei bug.
122122

123123
**Ecco perché gli Hooks devono essere chiamati dal livello più alto dei nostri componenti.** Se vogliamo eseguire un effect in maniera condizionata, possiamo mettere la condizione *dentro* il nostro Hook:
124124

@@ -135,4 +135,4 @@ React non saprebbe cosa restituire per la seconda chiamata all'Hook `useState`.
135135

136136
## Prossimi passi {#next-steps}
137137

138-
Finalmente, siamo pronti per imparare a [scrivere i tuoi Hooks](/docs/hooks-custom.html)! Gli Hooks Personalizzati ti permettono di utilizzare gli Hooks forniti da React all'interno delle tue astrazioni, e riutilizzare la logica di stato comune tra componenti diversi.
138+
Finalmente, siamo pronti per imparare a [scrivere i tuoi Hooks](/docs/hooks-custom.html)! Gli Hooks personalizzati ti permettono di utilizzare gli Hooks forniti da React all'interno delle tue astrazioni, e riutilizzare la logica di stato comune tra componenti diversi.

0 commit comments

Comments
 (0)