Reactjs 第17:115行出现意外令牌

当我运行

npm start

时，代码运行得非常好。网站确实在浏览器上进行了渲染，但它仍然在我的终端中显示错误

Line 17:115: Parsing error: Unexpected token, expected ";"

我已经做了与此问题相关的搜索。我从大多数网站上得到的解决方案是，人们忘记将

componentDidMount

放在Class component中，但正如您在我的代码中看到的，它已经出现在Class componenet中

import React from 'react';
import {
  List
} from './CardList';
// import {Data} from './data';
import {
  SearchBox
} from './SearchBox';
import './App.css'

export class Main extends React.Component {
  constructor() {
    super();
    this.state = {
      "Data": [],
      "searchfield": ''
    }
  }

  componentDidMount() {
LINE 17---> fetch('https://jsonplaceholder.typicode.com/users').then(Response => Response.json()).then(users => this.setState({Data: users}));
  }

  Searchchange = (event) => {
    this.setState({
      searchfield: event.target.value
    });
  }

  render() {
    const filterrobot = this.state.Data.filter(Data => {
      return Data.name.toLowerCase().includes(this.state.searchfield.toLowerCase())
    })
    if (this.state.Data.length === 0) {
      return <h1 className='tc'>Loagding</h1>
    } else {
      return (
       <div className='tc'>
          <h1 className='f1'>SEARCH PICTURES></h1>
          <SearchBox secondchange = {this.Searchchange}/>
          <List Data={filterrobot}/>
        </div>
      );
    }
  }
}

从“React”导入React；
进口{
列表
}来自“./CardList”；
//从“./Data”导入{Data}；
进口{
搜索框
}来自“./SearchBox”；
导入“./App.css”
导出类Main扩展React.Component{
构造函数（）{
超级（）；
此.state={
“数据”：[]，
“搜索字段”：“
}
}
componentDidMount（）{
第17行-->fetch（'https://jsonplaceholder.typicode.com/users然后（Response=>Response.json（））。然后（users=>this.setState（{Data:users}））；
}
Searchchange=（事件）=>{
这是我的国家({
searchfield:event.target.value
});
}
render（）{
const filterrobot=this.state.Data.filter（数据=>{
返回Data.name.toLowerCase（）.includes（this.state.searchfield.toLowerCase（））
})
if（this.state.Data.length==0）{
还贷
}否则{
返回(
搜索图片>
);
}
}
}