は、ログイン認証のために親配列上のJsルーピングに反応

Question

私は親から子へのダウン配列が渡されているので、私は何をしようとしていますが、私の配列を超えるループがある私は

以下のすべてのコードが含まれます右ので、かつ迅速なエラーを与えていない場合には、コードを続けなければ、私のユーザー入力が配列内のオブジェクトの一つと一致していることを確認

親のための私のコードは、子供のための

... 
state = { 
    AuthResults: [ 
     { 
      id: 1, 
      username: "Andy", 
      password: "Andy" 
     }, 
     { 
      id: 2, 
      username: "Dan", 
      password: "Dan" 
     }, 
     { 
      id: 3, 
      username: "Naheem", 
      password: "Naheem" 
     } 
    ], 
} 
... 
<LoginBar AuthRes={this.state.AuthRes}/> 
... 

私のコードです

CheckLoginAuth(){ 
    console.log("gets to check login auth"); 
    console.log(this.state.AuthRes); 
    Object.keys(this.state.AuthRes).map(function(key){ 
     console.log(AuthRes[key]); 
    }) 

} 
... 
<TextField floatingLabelText="Username" name="Username" onChange={this.handleUsername} value={this.state.Username} type="text" /> 
<TextField floatingLabelText="Password" name="Password" onChange={this.handlePassword} value={this.state.Password} type="text" /> 
<RaisedButton label="Login" secondary={true} onClick={() => this.onRealLoginClick()} /><span>&nbsp;</span> 
... 

それは印刷物として細かくオブジェクトをプルしますが、ループと認証を行うことはできません。

EDIT：右ので、私はRES内のIDを通じてIループやると、私はこれを修正し、ユーザ入力

Answer 1

にそれらを比較する方法この

CheckLoginAuth(){ 
    console.log("gets to check login auth"); 
    console.log(this.state.AuthRes); 
    console.log("Username=" + this.state.Username); 
    console.log("Password=" + this.state.Password); 
    this.props.AuthRes.map(function(Res){ 
     console.log(Res.id); 
     console.log(Res.username); 
     console.log(Res.password); 
    }) 
} 

に私のCheckLoginAuth機能を変更することで、今はエラーを得ませんでした代わりに私が