Ú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:
function App() {
return <div>
text
</div>;
}
Tagy môžu mať atribúty:
function App() {
return <div class="eee">
text
</div>;
}
Tagy je možné zapisovať do premenných alebo konštánt:
function App() {
const elem = <div>text</div>;
return elem;
}
Vo vašej hlavnej komponente je nasledujúca funkcia:
function App() {
return <div>
text
</div>;
}
Zmeňte text vo vnútri divu. Sledujte zmeny, ktoré nastanú v prehliadači.
Pridajte do divu niekoľko odsekov.
Pridajte vašim odsekom triedy.
