javascript - TypeError：无法读取未定义的属性“toLowerCase”，此错误总是重新运行

Question

我正在尝试设置一个文本过滤器以在我的反应中添加搜索功能并获得错误无法读取此处未定义的属性“toLowerCase”可能有帮助的代码

我的代码：

import React, { Component } from "react";
import CardList from "./cardList";
import { robots } from "./robots";
import SearchBox from "./searchBox";

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

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

  render() {
    const filteredRobots = this.state.robots.filter(robots =>{
        return robots.mame.toLowerCase().includes(
    this.state.searchfield.toLowerCase());

     });
     return (
      <div className="tc">
         <h1> robots Friends </h1>
        <SearchBox searchChange={this.onSearchChange}/>
        <CardList robots={filteredRobots}/>
       </div>
    );
  }
}
export default App;

标签： javascriptreactjs

Answer 1

Lint 包含 CSS 文件。我发现一个空属性border-color:;会导致这种消息。

请参阅：https ://stackoverflow.com/a/57772350/1235724