Inleiding tot de JSX-taal in React

JSX is een gewone JavaScript-taal, maar met enkele toevoegingen die het mogelijk maken om tags rechtstreeks in de code te schrijven, zonder aanhalingstekens.

Tags kunnen worden geretourneerd via return:

jsxfunction App() {
  return <div>
    tekst
  </div>;
}

Tags kunnen attributen hebben:

jsxfunction App() {
  return <div class="eee">
    tekst
  </div>;
}

Tags kunnen worden toegewezen aan variabelen of constanten:

jsxfunction App() {
  const  elem = <div>tekst</div>;
  return elem;
}
Задание 1

In uw hoofdcomponent staat de volgende functie:

jsxfunction App() {
  return <div>
    tekst
  </div>;
}

Verander de tekst binnen de div. Bekijk de wijzigingen die in de browser zijn opgetreden.

Задание 2

Voeg een paar alinea's toe aan de div.

Задание 3

Voeg klassen toe aan uw alinea's.