Codepen - реагировать дочерние компоненты не рендеринг

Question

У меня есть интервью React с использованием codepen. Я не могу заставить мои дочерние элементы появляться.

class Application extends React.Component {
  render() {
    return <div>
     hello
     <Jack />
    </div>
  }
}

class Jack extends React.Component {
  render() {
    return (
      <div>
        Goodbye
      </div>
    )
  }
}

React.render(<Application />, document.getElementById('app'));

В этом коде я вижу только Hello, а не Goodbye. Компонент "Джек" не отображается. Что я могу сделать?

Answer 1

React.render(<Application />, document.getElementById('app'));

должно быть:

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

Рабочий пример здесь .