レンダリングコンポーネントのフィルタ機能でthis.stateを使用するにはどうすればいいですか？以下

Question

は、私は私のコンポーネントをレンダリングするとき

somarray.user.filter(function(ele, index) { 
     if(this.state.showAllUser == false) { 
     return (index < 3) 
     } 
     else { 
     return true 
     } 
    }) 

、このフィルタ機能内部の「this.state.showAllUser」は定義されていません...私のコードです。

この問題を解決するにはどうすればよいですか？

Answer 1

これは関数で正しく定義されていません。正しい定義を持つようにバインドして修正します。

somarray.user.filter(function(ele, index) { 
     if(this.state.showAllUser == false) { 
     return (index < 3) 
     } 
     else { 
     return true 
     } 
    }.bind(this)) 

Answer 2

またそうのような別の変数に格納することができます'this'：

var self = this 
somarray.user.filter(function(ele, index) { 
    if(self.state.showAllUser == false) { 
    return (index < 3) 
    } 
    else { 
    return true 
    } 
}) 

'self.state.showAllUser'が値を持つことになります。この方法は、あなたがここに