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

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