reactjs - react 语法错误，似乎无法找出问题所在。错误: JSX element 'div' has no corresponding closing tag.ts(17008)

Question

我是一个初学者，我才刚刚起步。我已经看过类似的有关语法错误的问题，但是我仍然无法弄清楚问题是什么。
基本上，“JSX元素'div'没有相应的结束标记。ts(17008)”。我已经检查了我的代码，但是有所有必要的结束标记。任何帮助将不胜感激，在此先感谢!

class App extends Component {
  render() {
    return ( 
      <div className = "App" >
      
      <h1 > Basic React App < /h1> 
      </div>
    );
  }
}

按下保存后，还会出现错误“((属性))JSX.IntrinsicElements.div:React.DetailedHTMLProps
”

Answer 1

这里的问题是关闭H1标签的空间。里面应该没有空格。

import React from "react";
import ReactDOM from "react-dom";

class App extends React.Component {
    render() {
        return (
            <div className="App">
                <h1> Basic React App </h1>
            </div>
        );
    }
}

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

请引用React Playground中的此链接以获得互动结果
https://codesandbox.io/s/react-playground-forked-3kvuo?file=/index.js:0-277