React-da JSX diline giriş

JSX dili - bu adaty JavaScript, ýöne birnäçe goşmaçalar bilen, göni kodda, gytmagy ýazmaga rugsat berýän.

Tegler return arkaly yzyna gaýdyp bolar:

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

Tegleriň atributlary bolup biler:

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

Tegleri üýtgeýän ýa-da konstantalara ýazyp bolýar:

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

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