reactjs - 第 17:115 行的意外令牌 reactjs

Question

当我运行时，代码运行得非常好npm start。网站确实在浏览器上呈现，但它仍然在我的终端中显示错误。

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

我已经进行了与此问题相关的搜索。我从大多数网站得到的解决方案是人们忘记放入componentDidMountClass 组件，但正如您在我的代码中看到的那样，它已经存在于 Class 组件中。

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>
      );
    }
  }
}

标签： reactjscreate-react-appreact-domunexpected-token