Reactjs Codepen-反应未渲染的子组件

Reactjs Codepen-反应未渲染的子组件,reactjs,codepen,Reactjs,Codepen,我用代码笔进行了一次面试。我无法让我的子元素显示 class Application extends React.Component { render() { return <div> hello <Jack /> </div> } } class Jack extends React.Component { render() { return ( <div> G

我用代码笔进行了一次面试。我无法让我的子元素显示

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'));
类应用程序扩展React.Component{
render(){
返回
你好
}
}
类Jack.Component{
render(){
返回(
再见
)
}
}
React.render(,document.getElementById('app'));

在这段代码中,我只看到你好,没有看到再见。未渲染“Jack”组件。我能做什么

React.render(.

React.render(.

您可以为工作代码笔提供链接吗?还有一件事,您需要将类的返回封装在()内,因为您返回的是多行,对于
()
,它无论如何都能工作。你能为一个工作的代码笔提供一个链接吗?还有一件事,你需要将你的类的返回封装在()中,因为你返回了多行。关于
()
,这不是严格意义上的正确,它无论如何都能工作。我想这只是一个输入错误,正如OP所说的
我只看到你好,而不是再见。“杰克”组件没有被渲染。
也许吧,但我看不到任何可能的情况,除非这与
没有被提升有关,因为它对我来说很好。我认为这只是一个输入错误,因为OP说
我只看到你好,而不是再见。“杰克”组件未被渲染。
可能,但我看不到任何可能的情况,除非它与未被提升有关,因为它对我来说工作正常。