React. Реакт. Тестовая задача 007. Папка всем папкам папка

---

Выводит строку: Папка всем папкам папка

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

  <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 folderName = 'Папка всем папкам папка';

    createRoot(document.getElementById('root')).render(
      <h1>{folderName}</h1>
    ); 
  </script>

JSX позволяет создавать гибкие шаблоны и описывать все возможные состояния интерфейса. В этом уроке рассмотрим основные конструкции, которые используются в JSX.
Встраивание выражений
Как пример объявим переменную folderName и используем её внутри JSX, обрамляя фигурными скобками.