React - 极其简单的Codepen不会出现

Question

我有一个codepen。我需要它在 React 中字面上说 "Hello world"。我无法获取要呈现的代码。

我将 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

您忘记了 return render 中的组件：

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

Answer 2

您需要return渲染函数中的内容才能显示。

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

React - 极其简单的Codepen不会出现

React - Extremely simple Codepen will not show up

reactjs

codepen