React'теги JSX тилинен киришүү

JSX тили - бул кадимки JavaScript, бирок бир нече кошумчалар менен, алар түздөн-түз коддо тегдерди жазууга мүмкүндүк берет, кавычкасыз.

Тегдерди return аркылуу кайтарууга болот:

jsxfunction App() {
  return <div>
    текст
  </div>;
}

Тегдерде атрибуттар болушу мүмкүн:

jsxfunction App() {
  return <div class="eee">
    текст
  </div>;
}

Тегдерди өзгөрмөлөргө же туруктууларга жазууга болот:

jsxfunction App() {
  const  elem = <div>текст</div>;
  return elem;
}
Задание 1

Сиздин негизги компонентиңизде төмөнкү функция бар:

jsxfunction App() {
  return <div>
    текст
  </div>;
}

Див ичиндеги текстти өзгөртүңүз. Браузерде болгон өзгөрүүлөрдү көрүңүз.

Задание 2

Дивге бир нече абзац кошуңуз.

Задание 3

Абзацтарыңызга класстарды кошуңуз.