Introduzione al linguaggio JSX in React
Il linguaggio JSX è un JavaScript normale, ma con alcune aggiunte che permettono di scrivere tag direttamente nel codice, senza virgolette.
I tag possono essere restituiti tramite return:
function App() {
return <div>
text
</div>;
}
I tag possono avere attributi:
function App() {
return <div class="eee">
text
</div>;
}
I tag possono essere memorizzati in variabili o costanti:
function App() {
const elem = <div>text</div>;
return elem;
}
Nel tuo componente principale c'è la seguente funzione:
function App() {
return <div>
text
</div>;
}
Cambia il testo all'interno del div. Guarda i cambiamenti avvenuti nel browser.
Aggiungi diversi paragrafi all'interno del div.
Aggiungi delle classi ai tuoi paragrafi.
