React. Реакт. Тестовая задача 003. Заголовок - Подзаголовок - Параграф





Этот код выведет Заголовок - Подзаголовок - Параграф.

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

const { useState, createElement } = React;
const { createRoot } = ReactDOM;

const root = createRoot(document.getElementById('root'));

const element = 

React.createElement(
  'section',
  null,
  [
    React.createElement(
      'div',
      null,
      [
        React.createElement('h1', null, 'Заголовок'),
        React.createElement('h2', null, 'Подзаголовок'),
      ],
    ),
    React.createElement(
      'div',
      null,
      React.createElement('p', null, 'Параграф'),
    ),
  ],
);

root.render(element);