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.