Reactjs 反应-非常简单的代码笔不会出现

我有一支密码笔。我需要它用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')); 

类应用程序扩展了React.Component{
render（）{
你好!

}
}
ReactDOM.render（，document.getElementById（'app'））；

---

我需要在一两个小时内为面试做准备。就是不能让它在这里工作。救命啊

您忘记在

渲染中返回组件：

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

render（）{
返回(
你好!

);
}
您需要从渲染功能返回要显示的内容

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

类应用程序扩展了React.Component{
render（）{
返回(
你好!

}
}