Question

我正在通过将我的文本转换为小写并将其索引与-1进行比较来进行比较，以便为ReactJS中的特定字段赋予一些值，但我在JavaScript控制台中收到此错误：< / p>

未捕获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}/>
    });

Answer 1

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

如果 title 是一个字符串，请在toLowerCase（）之前使用 toString（）：

return episode.title.toString().toLowerCase().indexOf(props.filterText.toString().toLowerCase()) > -1;

Answer 2

我想我发现了问题:)

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

Answer 3

我认为亚当在评论中的答案实际上是正确的，并且结果证明了我的问题：

.filter(function(episode){
    if(episode.title) {
        return episode.title.toLowerCase().indexOf(props.filterText.toLowerCase()) > -1;
    } else {
        return '';
    }
})

ReactJS toLowerCase不是一个函数

3 个答案: