React. Реакт. Тестовая задача 009. Блок хороших новостей

---

Выводит строку: Блок хороших новостей

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

  <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 goodNews = 'news good-news';

    createRoot(document.getElementById('root')).render(
      <section className={goodNews}>Блок хороших новостей</section>
    );
  </script>

Также выражение может дополнять уже существующий контент.