Codepen 中的 React 16

Question

我想尝试在 CodePen 中使用 React，但我无法设置它。

我的 JS 看起来像这样：

class Application extends React.Component {
  render() {
    return <div>
      <h1>Hello, ES6 and React!</h1>
    </div>
  }
}
ReactDom.render(<Application/>, document.getElementById('app'));

我的 html 看起来像这样：

<div id="app"></app>

我如下图所示导入 React 和 ReactDom，但出现错误 'ReactDom is not defined'。

有人知道如何设置吗？

https://codepen.io/goughjo02/pen/ajGZoL

Answer 1

这是一个打字错误。你应该使用 ReactDOM 而不是 ReactDom。

Codepen 中的 React 16

React 16 in code pen

reactjs

codepen