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:

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

Tageilla voi olla attribuutteja:

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

Tägejä voidaan tallentaa muuttujiin tai vakioihin:

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

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