14

我正在通过将我的文本转换为小写并将其索引与 -1 进行比较来进行比较,以便对 中的特定字段具有一些价值ReactJS,但我在 JavaScript 控制台中收到此错误:

未捕获的 TypeError:props.filterText.toLowerCase 不是函数

var props = this.props;
var rows = this.props.episodes
    .filter(function(episode){
        return episode.title.toLowerCase().indexOf(props.filterText.toLowerCase()) > -1;
    })
    .map(function(episode){
       return <EpisodeRow key={episode.title} episode={episode}/>
    });
4

3 回答 3

25

看起来克里斯的评论是正确的答案:

如果title是一个字符串,在 toLowerCase( ) 之前使用 toString( ):

return episode.title.toString().toLowerCase().indexOf(props.filterText.toString().toLowerCase()) > -1;
于 2016-09-02T21:18:21.327 回答
0

我想我发现了问题:)

props.filterText 未定义。=> filterText:"" 必须在放入props之前的状态中声明

于 2021-08-02T16:53:30.770 回答
-1

我认为亚当从评论中的回答实际上是正确的,结果证明解决了我的问题:

.filter(function(episode){
    if(episode.title) {
        return episode.title.toLowerCase().indexOf(props.filterText.toLowerCase()) > -1;
    } else {
        return '';
    }
})
于 2017-08-02T19:12:06.113 回答