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

Абзацтарыңызға класс қосыңыз.