React да JSX тилига кириш

JSX тили - бу оддий JavaScript, лекин баъзи қўшимчалар билан, кодда тегларни тирноқсиз ёзишга имкон беради.

Тегларни return орқали қайтариш мумкин:

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

Тегларнинг атрибутлари бўлиши мумкин:

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

Тегларни ўзгарувчилар ёки константаларга ёзиш мумкин:

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

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