if else conditionと反応して、あるコンポーネントを別のコンポーネントにリンクします。私は反応する新しいです

Question

（反応-ルータなし）条件が真の場合、私はここで、このリンクに接続されているボタンがある 私のコードは、この

 checkCred(){ 


    for(var i=0; i < details_array.length; i++){ 
     var currentObject = details_array[i]; 
     if (this.email.value === currentObject.username){ 
      console.log('yes done it'); 
      // link to another component named as Index. if the above statement is true then only 
      // 
      } 
     else{ 
     //Sorry your credentials were wrong 
      } 


     } 
    } 

のようなものであると別のページにリンクしようとしています。

 <span onClick={this.checkCred.bind(this)} className="button1" bsStyle="primary" bsSize="large" > BLOCK </span> 

私は反応ルータを使用しているとき、私は他のページに接続する方法を知らない。条件を確認せずに直接別のページに行きます。

Answer 1

したがって、問題は{withRouter}で解決できます コードは次のようになります。

  for(var i=0; i < details_array.length; i++){ 
     var currentObject = details_array[i]; 
     if (this.email.value == currentObject.username && this.password.value == currentObject.password){ 
      console.log('yes done it'); 

      this.props.router.push('Index'); 

     } 

私はこれが皆に役立つことを願っています！

ありがとうございました