无法弄清楚为什么我的代码无法渲染

Question

我正在尝试使用React构建一个简单的应用程序，并且正在使用Codepen。我无法渲染我的第一个组件，即使它是一个非常基本的代码并且对我来说看起来也是正确的。我包括了React，ReactDOM和Babel。该项目的html部分有一个id为“ =“ root”的div。以下代码不会渲染任何内容，我似乎也无法弄清楚原因。

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

ReactDOM.render(<App/>, document.getElementById("root"));

Answer 1

问题似乎是脚本顺序错误。确保在ReactDOM之前加载React脚本。

更改它们似乎可以解决问题，这是一个分叉的版本

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.9.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.9.0/umd/react-dom.production.min.js"></script>