Uvod u JSX jezik u React-u
JSX jezik je običan JavaScript, ali sa nekim dodacima koji omogućavaju pisanje tagova direktno u kodu, bez navodnika.
Tagove je moguće vratiti pomoću return:
jsxfunction App() {
return <div>
text
</div>;
}
Tagovi mogu imati atribute:
jsxfunction App() {
return <div class="eee">
text
</div>;
}
Tagove je moguće upisati u promenljive ili konstante:
jsxfunction App() {
const elem = <div>text</div>;
return elem;
}
Задание 1
U vašoj glavnoj komponenti se nalazi sledeća funkcija:
jsxfunction App() {
return <div>
text
</div>;
}
Promenite tekst unutar div-a. Pogledajte promene koje su se desile u pretraživaču.
Задание 2
Dodajte u div nekoliko pasusa.
Задание 3
Dodajte vašim pasusima klase.