Question

JavaScript toLowerCase() 方法在我的 React 应用程序中返回错误

2020-06-19

508

javascript reactjs

我尝试使用 toLowerCase() 方法在我的 React 应用程序中将搜索字段中的所有字符转换为小写，但出现错误 typeError: Cannot read property 'toLowerCase' of undefined.

onSearchChange = (event) => {
  const filteredRobots = this.state.robots.filter(robot => {
    return robots.name.toLowerCase().includes(this.state.searchfield.toLowerCase());
  })

Answer 1

您没有提供足够的信息来解决问题，但这是我的最佳猜测：

您的 robots.name.toLowerCase() 应为 robot.name.toLowerCase() （请注意 robot 上缺少 s ）。

您正试图从您正在过滤的数组中读取 name 属性，而不是从正在操作的当前元素中读取。

我建议您在将来遇到此类错误时检查错误日志中是否存在类似以下内容：

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
    at <myFunction>:1:27

这将读取为 TypeError in "myFunction" function at line 1, column (character) 27 。然后，您就可以准确地查明错误来自何处。如果您仍然遇到困难，那么发布与您的问题相关的有用信息将会很有用。

Answer 2

const filteredRobots = this.state.robots.filter(robot => {
    return robot.name.toLowerCase().includes(this.state.searchfield.toLowerCase());
})

我认为这只是拼写错误。将“robots”替换为“robot”