React Header Element не рендеринг в корневом div при использовании настройки Vanilla HTML ⇐ Javascript

[Anonymous]

Я пытаюсь создать простое приложение React, используя ссылки на ванильные HTML и CDN для React 18. У меня есть базовая настройка, где я хочу отобрать элемент заголовка внутри корневого Div. Я использую React 18 с разработкой UMD, настраиваемыми из UNPKG. в доме. Корневое div остается пустым, и в консоли нет видимых ошибок.

Код: Выделить всё

Hello React!







function App() {
return React.createElement("header");
}

const root = REACTDOM.createRoot(document.getElementById("root"));
root.render(React.createElement(App));

ожидаемый результат: элемент заголовка должен появляться в корневом Div, когда я открываю страницу в браузере. Когда я осматриваю элемент, я вижу без контента внутри.

Подробнее здесь: https://stackoverflow.com/questions/796 ... html-setup