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: src/content/reference/react/useInsertionEffect.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -11,7 +11,7 @@ Questa pagina è stata tradotta automaticamente e supervisionata da un maintaine
11
11
12
12
<Pitfall>
13
13
14
-
`useInsertionEffect` è pensato per gli autori di librerie CSS-in-JS. A meno che tu non stia lavorando a una libreria CSS-in-JS e ti serva un punto dove iniettare gli stili, probabilmente vuoi [`useEffect`](/reference/react/useEffect) o [`useLayoutEffect`](/reference/react/useLayoutEffect).
14
+
`useInsertionEffect` è pensato per gli autori di librerie CSS-in-JS. A meno che tu non stia lavorando a una libreria CSS-in-JS e ti serva un punto dove iniettare gli stili, probabilmente vuoi [`useEffect`](/reference/react/useEffect) o [`useLayoutEffect`](/reference/react/useLayoutEffect) invece.
15
15
16
16
</Pitfall>
17
17
@@ -65,7 +65,7 @@ function useCSS(rule) {
65
65
* Non puoi aggiornare lo state dall'interno di `useInsertionEffect`.
66
66
* Quando `useInsertionEffect` viene eseguito, i ref non sono ancora collegati.
67
67
* `useInsertionEffect` può essere eseguito prima o dopo che il DOM sia stato aggiornato. Non dovresti fare affidamento sul fatto che il DOM sia aggiornato in un momento preciso.
68
-
* A differenza di altri tipi di Effetti, che eseguono il cleanup per ogni Effetto e poi il setup per ogni Effetto, `useInsertionEffect` eseguirà sia cleanup che setup un componente alla volta. Questo produce un intrecciamento tra le funzioni di cleanup e setup.
68
+
* A differenza di altri tipi di Effetti, che eseguono il cleanup per ogni Effetto e poi il setup per ogni Effetto, `useInsertionEffect` eseguirà sia cleanup che setup un componente alla volta. Questo produce un "interleaving" tra le funzioni di cleanup e setup.
69
69
---
70
70
71
71
## Usage {/*usage*/}
@@ -91,7 +91,7 @@ Alcuni team preferiscono scrivere gli stili direttamente nel codice JavaScript i
91
91
Se usi CSS-in-JS, consigliamo una combinazione dei primi due approcci (file CSS per stili statici, stili inline per stili dinamici). **Non consigliamo l'iniezione a runtime di tag `<style>` per due motivi:**
92
92
93
93
1. L'iniezione a runtime costringe il browser a ricalcolare gli stili molto più spesso.
94
-
2. L'iniezione a runtime può essere molto lenta se avviene nel momento sbagliato del lifecycle di React.
94
+
2. L'iniezione a runtime può essere molto lenta se avviene nel momento sbagliato del ciclo di vita di React.
95
95
96
96
Il primo problema non è risolvibile, ma `useInsertionEffect` ti aiuta a risolvere il secondo.
97
97
@@ -134,7 +134,7 @@ function useCSS(rule) {
134
134
}
135
135
```
136
136
137
-
[Leggi di più sull'aggiornamento delle librerie CSS-in-JS con iniezione a runtime a `useInsertionEffect`.](https://github.com/reactwg/react-18/discussions/110)
137
+
[Leggi di più sull'aggiornamento delle librerie CSS-in-JS con iniezione a runtime passando a `useInsertionEffect`.](https://github.com/reactwg/react-18/discussions/110)
0 commit comments