Увядзенне ў мову JSX у React

Мова 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;
}
Задание 1

У вашым асноўным кампаненце ёсць наступная функцыя:

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

Памяняйце тэкст унутры дыва. Паглядзіце на змены, якія адбыліся ў браўзэры.

Задание 2

Дадайце ў дыў некалькі абзацаў.

Задание 3

Дадайце вашым абзацам класы.