Ú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.