Il modo più veloce per creare un'applicazione di prova con ReactJS è quello di creare una pagina HTML all'interno della quale renderizziamo un component. Per creare un component dobbiamo semplicemente creare una funzione che al suo interno restituisca un tag HTML da renderizzare. Successivamente usiamo il metodo render della classe ReactDOM. per renderizzare questo tag all'interno della pagina.
<html> <head></head> <body> Hello world in ReactJS <div id="example"></div> </script> </body> </html>
function HelloWorld() { return ( <div> Hello World from reactJS </div> ); } ReactDOM.render( <HelloWorld />, document.getElementById('example') );
In quesoto snippet ci sono diverse cose da notare. La prima è che il metodo HelloWorld utilizza la sintassi JSX per esprimere il codice HTML che deve renderizzare. La seconda è che nel metodo render utilizziamo la funziona come se fosse un tag HTML. Anche questa sintassi è JSX in quando una funzione che torna HTML e che ha la prima lettera maiuscola può essere come tag. Ovviamente, il browser non è in grado di interpretare la sintassi JSX, quidni il javascript va prima preprocessato con transpiler come TypeScript o Babel.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Recuperare l'ultima versione di una release di GitHub
Change tracking e composition in Entity Framework
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Creare una libreria CSS universale: Cards
Configurare il nome della run di un workflow di GitHub in base al contesto di esecuzione
Eseguire i worklow di GitHub su runner potenziati
Creare una libreria CSS universale: i bottoni
Generare un hash con SHA-3 in .NET
Creare una libreria CSS universale: Clip-path
Estrarre dati randomici da una lista di oggetti in C#
Il nuovo controllo Range di Blazor 9
Gestione degli eventi nei Web component HTML