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中。检查开口和闭合支架。

语法错误：预期的意外令牌，（24：2）

1 个答案: