Sissejuhatus Reacti JSX keelde

JSX keel on tavaline JavaScript, kuid mõningate lisadega, mis võimaldavad kirjutada silte otse koodi, ilma jutumärkideta.

Silte saab tagastada läbi return:

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

Siltidel võivad olla atribuudid:

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

Silte saab kirjutada muutujatesse või konstantidesse:

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

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