Реагировать не рендеринг?

Question

Я пытаюсь поиграть с React, и у меня есть некоторые проблемы, которые я не могу найти в Google, и в моем журнале консоли ничего нет?Кто-нибудь может сказать мне, почему это не работает?Включены библиотеки React и ReactDOM ...

HTML

<div id="app"></div>

JS

class App extends React.Component{
  render(){
    return (
       <div>Hello</div>
    )
  }
}

ReactDOM.render(App, document.getElementById('app'));

Answer 1

Вам нужно использовать:

ReactDOM.render(<App />, document.getElementById('app'));

Вы не можете отобразить класс реагирующего компонента, вам нужно отобразить элемент

Просто чтобы вы понимали, почему это так:

Когда вы используете JSX для создания элемента, процесс сборки преобразует его из

<App />

в

h("App", {}, null)

Но если вы просто передадите класс, это преобразование не будетслучиться

Answer 2

Сначала необходимо import компонент:

import App from "./App";

Затем визуализировать компонент как <App />:

ReactDOM.render(<App />, document.getElementById("app"));

Answer 3

Вы должны визуализировать элемент JSX:

ReactDOM.render(<App />, document.getElementById('app'));