Django 无法找出App.js中的语法错误

我使用本教程安装React for front，其中包含Django中内置的API

到目前为止，我在此项目的存储库如下：

当我npm运行dev时，我在App.js中发现了一个语法错误，我已经玩过了，似乎无法理解它。我得到的错误是

ERROR in ./frontend/src/components/App.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: 
C:\Users\alexm\projects\DjangoReactCRM\drcrm\frontend\src
\components\App.js: Unexpected token, expected "," (29:6)

  27 |
  28 | wrapper ? ReactDOM.render(<app>, wrapper) : null;
> 29 | </app>

App.js

import React, { Component } from "react";
import ReactDOM from "react-dom";


class App extends Component {

  state = {
      data: ''
  };

    componentDidMount() {
       fetch("/api")
          .then(response => {
           return response.json();
        })
        .then(data => this.setState({ data: JSON.stringify(data)}));
  }

   render(){

      return (
            <p>Jason data = {this.state.data}</p>
      )
  }
}


wrapper ? ReactDOM.render(<app>, wrapper) : null;
</app>

---

组件中有三个问题

我猜包装应该是document.getElementByIdroot？即使这样，三元条件也没有意义。应该是这样的： 您将组件定义为App，但在ReactDOM.render中您正在使用App 在文件的末尾有一个。在这种情况下，它没有任何作用。

---

组件中有三个问题

我猜包装应该是document.getElementByIdroot？即使这样，三元条件也没有意义。应该是这样的： 您将组件定义为App，但在ReactDOM.render中您正在使用App 在文件的末尾有一个。在这种情况下，它没有任何作用。 首先是

我希望它能帮助你

**如果我的解释不清楚或者我犯了一些错误，我道歉。

首先

我希望它能帮助你

---

**如果我的解释不清楚或我犯了一些错误，我深表歉意。

文件末尾的内容是什么？React组件总是大写，请尝试。您的代码段中似乎没有定义包装器，或者不清楚它是在哪里定义的。是的，您的文件末尾似乎有一些随机JSX。文件末尾在做什么？React组件总是大写，请尝试。您的代码段中似乎没有定义包装器，或者不清楚它是在哪里定义的。是的，您的文件末尾似乎有一些随机的JSX。如果要进行这些更改，最后一行是教程中的直接内容。由于上面提到的一些原因，这对我来说没有意义，但是教程正在django中实现React，所以我认为django可能需要启动React。本教程将在django中运行React，而不是在不同的端口上单独运行React。我对我们创建React应用程序很满意，这有点复杂。我很快就会回来报到的，成功了！非常感谢您的帮助，我现在可以开始设计项目的前端了！将进行这些更改，最后一行是教程中的直线。由于上面提到的一些原因，这对我来说没有意义，但是教程正在django中实现React，所以我认为django可能需要启动React。本教程将在django中运行React，而不是在不同的端口上单独运行React。我对我们创建React应用程序很满意，这有点复杂。我很快就会回来报到的，成功了！非常感谢您的帮助，我现在可以开始设计项目的前端了！

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

wrapper ? ReactDOM.render(<app></app>, wrapper) : null;

wrapper ? ReactDOM.render(<app/>, wrapper) : null;

wrapper ? ReactDOM.render(<App />, wrapper) : null;

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