反応ルータのナビゲートリンクからの残りのAPI

Question

私は新しい反応をして、問題に直面して、私のAPIページをナビゲートしようとしました。私がやったこと：http://pastebin.com/hxf9PJ8k それは私の意見では完全に動作しますが、最初のapiページだけを表示します。すべてのユーザープロフィールへのリンクも機能しています.APIリンクにIDを追加するだけで簡単でした。だから、私のAPIは、実際にユーザーであるオブジェクトと、データベース内のユーザーの総数と、次のページが存在する場合のリンク数、またはnullと前のページまたはnullを返します。今私は2つのボタンを作成するためにそれらのリンクを使用する方法を理解できません - 次と前。リンク全体を渡すか、ユーザーの小道具にpage=の部分だけを渡してxhrをリクエストする方法。 Apiのサンプル表示： count: 2302 next: "http://localhost:8080/instant/api/?page=2" previous:
results:
0: Object 1: Object 2: Object ありがとうございます！

Answer 1

基本的には、現在のページ変数を作成して、ロジックを非常に簡単にすることです。 以前と次ボタンの

はそれをシンプルに保つために親コンポーネント上の任意のクリックイベントを処理し、ページング条件を処理するための独立したコンポーネントを作成します。

class PrevBtn extends React.Component { 
    constructor(props){ 
     super(props); 
     this.props.clickHandler = this.props.clickHandler.bind(this); 
    } 

    render() { 
     let button = null; 
     const {currentPage} = this.props; 

     if(currentPage>1){ 
      button = <a onClick={this.props.clickHandler}>Prev</a> 
     }else{ 
      button = <a disabled="disabled">Prev</a> 
     } 
     return(<div>{button}</div>) 
     } 
    } 

私はちょうどcodePenにあなたのための例をしましたが、私はちょうどPREVボタンロジックをした、あなたは次ボタンコンポーネントを行うにはどのようにそれを把握することができます。