Úvod do jazyka JSX v Reactu

Jazyk JSX je obyčejný JavaScript, ale s některými rozšířeními, které umožňují psát tagy přímo v kódu, bez uvozovek.

Tagy lze vracet přes return:

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

Tagy mohou mít atributy:

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

Tagy lze ukládat do proměnných nebo konstant:

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

Ve vaší hlavní komponentě je následující funkce:

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

Změňte text uvnitř divu. Podívejte se na změny, které nastaly v prohlížeči.

Задание 2

Přidejte do divu několik odstavců.

Задание 3

Přidejte vašim odstavcům třídy.