API React DOM

Nota bene

Questa pagina è stata tradotta automaticamente e supervisionata da un maintainer. Un’ulteriore revisione da parte della community sarebbe comunque utile. Migliora questa traduzione.

Il pacchetto react-dom contiene metodi supportati solo nelle applicazioni web (che vengono eseguite nell’ambiente DOM del browser). Non sono supportati in React Native.


API

Queste API possono essere importate dai tuoi componenti. Vengono usate raramente:

  • createPortal ti permette di renderizzare componenti figli in una parte diversa dell’albero DOM.
  • flushSync ti permette di forzare React a svuotare in modo sincrono un aggiornamento di state e ad aggiornare il DOM.

API di precaricamento delle risorse

Queste API possono essere usate per accelerare le app precaricando risorse come script, fogli di stile e font non appena sai di averne bisogno, ad esempio prima di navigare verso un’altra pagina in cui verranno usate.

I framework basati su React gestiscono spesso il caricamento delle risorse per te, quindi potresti non dover chiamare queste API personalmente. Consulta la documentazione del tuo framework per i dettagli.

  • prefetchDNS ti permette di precaricare l’indirizzo IP di un nome di dominio DNS a cui ti aspetti di connetterti.
  • preconnect ti permette di connetterti a un server da cui ti aspetti di richiedere risorse, anche se non sai ancora quali risorse ti serviranno.
  • preload ti permette di recuperare un foglio di stile, un font, un’immagine o uno script esterno che ti aspetti di usare.
  • preloadModule ti permette di recuperare un modulo ESM che ti aspetti di usare.
  • preinit ti permette di recuperare ed eseguire uno script esterno o di recuperare e inserire un foglio di stile.
  • preinitModule ti permette di recuperare ed eseguire un modulo ESM.

API di renderizzazione sul server

Questa API controlla come i componenti vengono renderizzati sul server:

  • browser ti permette di contrassegnare un componente come solo per il browser durante la renderizzazione sul server.

Punti di ingresso

Il pacchetto react-dom fornisce due punti di ingresso aggiuntivi:

  • react-dom/client contiene API per renderizzare componenti React sul client (nel browser).
  • react-dom/server contiene API per renderizzare componenti React sul server.

API rimosse

Queste API sono state rimosse in React 19: