Skip to content

Commit 08059cf

Browse files
committed
fix(reference): address review for createRoot (PR #671)
Signed-off-by: Alessandro De Blasis <alex@deblasis.net>
1 parent a02c1f6 commit 08059cf

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

‎src/content/reference/react-dom/client/createRoot.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ React visualizzerà `<App />` nella `root` e prenderà in carico la gestione del
9797
9898
* Se chiami `render` sulla stessa root più di una volta, React aggiornerà il DOM secondo necessità per riflettere l'ultimo JSX che hai passato. React deciderà quali parti del DOM possono essere riutilizzate e quali devono essere ricreate ["confrontandole"](/learn/preserving-and-resetting-state) con l'albero renderizzato in precedenza. Chiamare `render` sulla stessa root di nuovo è simile a chiamare la [funzione `set`](/reference/react/useState#setstate) sul componente root: React evita aggiornamenti DOM non necessari.
9999
100-
* Sebbene la renderizzazione sia sincrona una volta avviata, `root.render(...)` non lo è. Ciò significa che il codice dopo `root.render()` può essere eseguito prima che vengano attivati gli Effetti (`useLayoutEffect`, `useEffect`) di quella specifica renderizzazione. Di solito va bene e raramente richiede aggiustamenti. Nei rari casi in cui il timing degli Effetti è importante, puoi avvolgere `root.render(...)` in [`flushSync`](https://react.dev/reference/react-dom/flushSync) per assicurarti che la renderizzazione iniziale avvenga completamente in modo sincrono.
100+
* Sebbene la renderizzazione sia sincrona una volta avviata, `root.render(...)` non lo è. Ciò significa che il codice dopo `root.render()` può essere eseguito prima che vengano attivati gli Effetti (`useLayoutEffect`, `useEffect`) di quella specifica renderizzazione. Di solito va bene e raramente richiede aggiustamenti. Nei rari casi in cui il timing degli Effetti è importante, puoi avvolgere `root.render(...)` in [`flushSync`](/reference/react-dom/flushSync) per assicurarti che la renderizzazione iniziale avvenga completamente in modo sincrono.
101101
102102
```js
103103
const root = createRoot(document.getElementById('root'));
@@ -550,7 +550,7 @@ Questo errore significa che ciò che passi a `root.render` non è un componente
550550
Può succedere se chiami `root.render` con `Component` invece di `<Component />`:
551551
552552
```js {2,5}
553-
// 🚩 Sbagliato: App è una funzione, non un Component.
553+
// 🚩 Sbagliato: App è una funzione, non un componente.
554554
root.render(App);
555555

556556
// ✅ Corretto: <App /> è un componente.

0 commit comments

Comments
 (0)