Question

ReactJS toLowerCase 不是一个函数

2016-02-07

67088

javascript html reactjs reactjs-native

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

Uncaught TypeError: props.filterText.toLowerCase is not a function

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

看起来 Chris 的评论是正确的答案：

如果 title 是字符串，则在 toLowerCase() 之前使用 toString() ：

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

Answer 2

我想我找到问题了 :)

props.filterText 未定义。 => 在放入 props 之前，必须在 state 中声明 filterText：“”

Answer 3

我认为 Adam 在评论中的回答实际上是正确的，而且解决了我的问题：

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