语法错误：意外令牌，应为（24：2）

Question

所以我收到此错误消息，说我在第24行有语法错误。这是onSearchChange行。

请有人帮助我，我已经在这个问题上停留了一天多了。

import React, { Component } from 'react';
import CardList from './CardList';
import SearchBox from './SearchBox';
import './App.css';

class App extends Component {
  constructor() {
        super()
        this.state = {
          robots: [],
          searchfield: ''
        }
  }

componentDidMount() {
  fetch('https://jsonplaceholder.typicode.com/users')
    .then(response=> {
      return response.json();
    })
    .then(users => {
      this.setState({ robots: users})
    }

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

  render() {
      const filteredRobots = this.state.robots.filter(robots =>{
        return robots.name.toLowerCase().includes(this.state.searchfield.toLowerCase());
      })
      return (
        <div className ='tc'>
          <h1 className='f1'> RoboFriends</h1>
          <SearchBox searchChange={this.onSearchChange}/>
          <CardList robots={filteredRobots} />
        </div>
      );
    }
}

export default App;

Answer 1

您的渲染函数位于componentDiDMount内部。 检查开合括号。