时间戳

首页 > 解决方案 > React - 极其简单的 Codepen 不会出现

reactjs - React - 极其简单的 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'));

我需要在一两个小时内完成面试。只是无法让它在这里工作。帮助！

标签： reactjscodepen

解决方案

您忘记在以下位置返回组件render：

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

推荐阅读