Johdatus JSX-kieleen Reactissa
JSX on tavallista JavaScriptiä, mutta siihen on lisätty joitakin laajennuksia, joiden avulla voit kirjoittaa tägejä suoraan koodiin, ilman lainausmerkkejä.
Tägejä voidaan palauttaa return-komennolla:
function App() {
return <div>
text
</div>;
}
Tageilla voi olla attribuutteja:
function App() {
return <div class="eee">
text
</div>;
}
Tägejä voidaan tallentaa muuttujiin tai vakioihin:
function App() {
const elem = <div>text</div>;
return elem;
}
Pääkomponentissasi on seuraava funktio:
function App() {
return <div>
text
</div>;
}
Vaihda divin sisällä oleva teksti. Katso selaimessa tapahtuneita muutoksia.
Lisää diviin useita kappaleita.
Lisää kappaleillesi luokat.
