Въведение в езика 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>;
}

Променете текста вътре в div. Погледнете промените, случили се в браузъра.

Задание 2

Добавете няколко абзаца в div.

Задание 3

Добавете класове на вашите абзаци.