Skip to content

Commit 1f45d8a

Browse files
committed
fix(reference): address review for StrictMode (PR #656)
Signed-off-by: Alessandro De Blasis <alex@deblasis.net>
1 parent 6aba324 commit 1f45d8a

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

‎src/content/reference/react/StrictMode.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ In questo esempio, i controlli di Strict Mode non verranno eseguiti sui componen
130130

131131
<Note>
132132

133-
Quando `StrictMode` è abilitato per una parte dell'app, React abiliterà solo comportamenti possibili in produzione. Per esempio, se `<StrictMode>` non è abilitato alla root dell'app, non [rieseguirà gli Effetti un'ulteriore volta](#fixing-bugs-found-by-re-running-effects-in-development) al mount iniziale, poiché ciò causerebbe il doppio avvio degli effetti figli senza gli effetti genitore, cosa che non può accadere in produzione.
133+
Quando `StrictMode` è abilitato per una parte dell'app, React abiliterà solo comportamenti possibili in produzione. Per esempio, se `<StrictMode>` non è abilitato alla root dell'app, non [rieseguirà gli Effetti un'ulteriore volta](#fixing-bugs-found-by-re-running-effects-in-development) al montaggio iniziale, poiché ciò causerebbe il doppio avvio degli Effetti figli senza gli Effetti genitore, cosa che non può accadere in produzione.
134134

135135
</Note>
136136

@@ -317,7 +317,7 @@ li {
317317

318318
</Sandpack>
319319

320-
Nota come ogni volta che passi sopra il componente `StoryTray` con il mouse, "Create Story" viene aggiunto di nuovo alla lista. L'intenzione del codice era aggiungerlo una sola volta alla fine. Ma `StoryTray` modifica direttamente l'array `stories` dalle props. Ogni volta che `StoryTray` renderizza, aggiunge di nuovo "Create Story" alla fine dello stesso array. In altre parole, `StoryTray` non è una funzione pura — eseguirla più volte produce risultati diversi.
320+
Nota come ogni volta che passi sopra il componente `StoryTray` con il mouse, "Create Story" viene aggiunto di nuovo alla lista. L'intenzione del codice era aggiungerlo una sola volta alla fine. Ma `StoryTray` modifica direttamente l'array `stories` dalle props. Ogni volta che `StoryTray` viene renderizzato, aggiunge di nuovo "Create Story" alla fine dello stesso array. In altre parole, `StoryTray` non è una funzione pura — eseguirla più volte produce risultati diversi.
321321

322322
Per correggere questo problema, puoi fare una copia dell'array e modificare quella copia invece dell'originale:
323323

@@ -586,7 +586,7 @@ button { margin-left: 10px; }
586586
587587
C'è un problema con questo codice, ma potrebbe non essere immediatamente evidente.
588588
589-
Per rendere il problema più ovvio, implementiamo una funzionalità. Nell'esempio sotto, `roomId` non è hardcoded. Invece, l'utente può selezionare il `roomId` a cui connettersi da un menu a tendina. Clicca "Apri chat" e poi seleziona diverse stanze di chat una alla volta. Tieni traccia del numero di connessioni attive nella console:
589+
Per evidenziare meglio il problema, implementiamo una funzionalità. Nell'esempio sotto, `roomId` non è hardcoded. Invece, l'utente può selezionare il `roomId` a cui connettersi da un menu a tendina. Clicca "Apri chat" e poi seleziona diverse stanze di chat una alla volta. Tieni traccia del numero di connessioni attive nella console:
590590
591591
<Sandpack>
592592
@@ -1232,7 +1232,7 @@ li {
12321232
12331233
</Sandpack>
12341234
1235-
Al mount iniziale in StrictMode, i callback ref vengono tutti configurati, puliti e configurati di nuovo:
1235+
Al montaggio iniziale in Strict Mode, i callback ref vengono tutti configurati, puliti e configurati di nuovo:
12361236
12371237
```
12381238
...

0 commit comments

Comments
 (0)