Реагируйте - Очень простой Codepen не будет отображаться

Question

У меня есть кодовая ручка. Мне нужно буквально сказать «Привет, мир» с React. Я не могу получить код для рендеринга.

В качестве прекомпилятора установлен Babel.

У меня есть связанные React и ReactDOM.

Вот весь HTML-код:

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

Вот все JS:

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

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

Мне нужно подготовиться к собеседованию через час или два. Просто не могу заставить это работать здесь. Помогите!

Answer 1

Вам необходимо вернуть содержимое из функции рендера для отображения.

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

Answer 2

Вы забыли вернуть компонент в render:

render() {
  return (
    <div>
      <p>Hello!</p>
    </div>
  );
}