You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/hooks-rules.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -8,7 +8,7 @@ prev: hooks-effect.html
8
8
9
9
Gli *Hooks* sono stati aggiunti in React 16.8. Ti permettono di utilizzare `state` ed altre funzioni di React senza dover scrivere una classe.
10
10
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.
12
12
13
13
### Chiama gli Hooks solo al livello più alto {#only-call-hooks-at-the-top-level}
14
14
@@ -118,7 +118,7 @@ useState('Poppins') // 🔴 2 (ma era 3). Impossibile leggere la variabil
118
118
useEffect(updateTitle) // 🔴 3 (ma era 4). Impossibile sostituire l'effect per aggiornare il title
119
119
```
120
120
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.
122
122
123
123
**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:
124
124
@@ -135,4 +135,4 @@ React non saprebbe cosa restituire per la seconda chiamata all'Hook `useState`.
135
135
136
136
## Prossimi passi {#next-steps}
137
137
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