React. Реакт. Тестовая задача 006. Эквивалентная запись с использованием JSX

---

Эквивалентная запись с использованием JSX.

Разберёмся, что здесь происходит:

  <script src="/js/react/react.development.js"></script>
  <script src="/js/react/react-dom.development.js"></script>
  <script src="/js/react/babel.min.js"></script>
  ...
  <script type="text/babel">
    const { useState, createElement } = React;
    const { createRoot } = ReactDOM;
    const root = createRoot(document.getElementById('root'));

    const element = (
      <div>
        <h1>Привет, React!</h1>
        <h2>Эквивалентная запись с использованием JSX</h2>
      </div>
    );
    root.render(element);
  </script>

Чтобы JSX работал в браузере:

• Подключите react и react-dom (мы подключали и ранее)
• Подключите babel-standalone (именно он и нужен для работы с синтаксисом JSX)
• Укажите type="text/babel" для скрипта с JSX.