Codepen

Question

我使用 codepen 进行了一次 React 面试。我无法让我的子元素出现。

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'));

在这段代码中，我只看到你好，没有看到再见。 "Jack" 组件未被渲染。我能做什么？

Answer 1

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

应该是：

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

工作示例here。

Codepen - 反应子组件不渲染

Codepen - react child components not rendering

reactjs