In genere, il flusso di rendering di un component in React prevede che al cambio di un valore tra le props o lo state il component venga renderizzato da zero. Nella maggioranza dei casi questo flusso è più che sufficiente, ma esistono casi in cui non è così. Pensiamo ad esempio quando dobbiamo impostare il focus su un campo. In questi renderizzare nuovamente il component non è ammissibile, quindi dobbiamo ricorrere all'utilizzo del DOM.
Per ottenere un riferimento agli oggetti del DOM dobbiamo prima creare un oggetto ref e memorizzarlo in una variabile, e poi in fase di rendering assegnare l'oggetto del DOM alla variabile.
class MyComponent extends React.Component { constructor(props) { super(props); this.myRef = React.createRef(); } render() { return <div ref={this.myRef} />; } }
Per accedere all'oggetto del DOM, dobbiamo sfruttare la proprietà current di myRef.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Routing statico e PreRendering in una Blazor Web App
Sostituire la GitHub Action di login su private registry
Disabilitare automaticamente un workflow di GitHub (parte 2)
Short-circuiting della Pipeline in ASP.NET Core
Reactive form tipizzati con FormBuilder in Angular
Load test di ASP.NET Core con k6
Creare un'applicazione React e configurare Tailwind CSS
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Copiare automaticamente le secret tra più repository di GitHub
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode