ReactJS
の特定のフィールドに値を設定するために、テキストを小文字に変換し、そのインデックスを-1と比較して比較を行っていますが、JavaScriptコンソールでこのエラーが発生します。
Uncaught 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}/>
});
クリスのコメントが正解のようです:
titleが文字列の場合、toLowerCase()の前にtoString()を使用します。
return episode.title.toString().toLowerCase().indexOf(props.filterText.toString().toLowerCase()) > -1;