Úvod do jazyka JSX v Reacte

Jazyk JSX je obyčajný JavaScript, ale s niektorými doplnkami, ktoré umožňujú písať tagy priamo v kóde, bez úvodzoviek.

Tagy je možné vracať cez return:

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

Tagy môžu mať atribúty:

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

Tagy je možné zapisovať do premenných alebo konštánt:

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

Vo vašej hlavnej komponente je nasledujúca funkcia:

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

Zmeňte text vo vnútri divu. Sledujte zmeny, ktoré nastanú v prehliadači.

Задание 2

Pridajte do divu niekoľko odsekov.

Задание 3

Pridajte vašim odsekom triedy.