Reactjs 反应，未终止JSX

我正在尝试建立一个react的基本示例，这是我用来显示页面的代码

import React from "react";
import { render } from "react-dom";

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

render(<App/>, Window.document.getElementById('app'));

从“React”导入React；
从“react dom”导入{render}；
类应用程序扩展了React.Component{
render（）{
返回(
你好
)
}
}
render（，Window.document.getElementById（'app'））；

我得到了一个错误：

SyntaxError: Unterminated JSX contents (22:13)

render(< App/>, window.document.getElementById('app'));

语法错误：未终止的JSX内容（22:13）
呈现（，window.document.getElementById（'App'）；

无需使用窗口

简单地写

 render(<App/>, document.getElementById('app'));

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

{“Hello！”}应该可以。