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:
jsxfunction App() {
return <div>
text
</div>;
}
I tag possono avere attributi:
jsxfunction App() {
return <div class="eee">
text
</div>;
}
I tag possono essere memorizzati in variabili o costanti:
jsxfunction App() {
const elem = <div>text</div>;
return elem;
}
Задание 1
Nel tuo componente principale c'è la seguente funzione:
jsxfunction App() {
return <div>
text
</div>;
}
Cambia il testo all'interno del div. Guarda i cambiamenti avvenuti nel browser.
Задание 2
Aggiungi diversi paragrafi all'interno del div.
Задание 3
Aggiungi delle classi ai tuoi paragrafi.