クエリの前に変数をリレーする

Question

現在、特定のユーザーの特定の一連のタスクのステータスを表示するページを作成しています。データをフェッチするために、私は、次のリレーコンテナ持っている：私はからデータを取得したいユーザーを定義するには

export default Relay.createContainer(TaskReview, { 
    initialVariables: { 
    limit: Number.MAX_SAFE_INTEGER, 
    studentId: null, 
    }, 
    fragments: { 
    task:() => Relay.QL` 
     fragment on Task { 
     id, 
     title, 
     instruction, 
     end_date, 
     taskDataList(first: $limit, type: "subTasks", member: $studentId) { 
      edges { 
      node { 
       id, 
       answer, 
       completion_date, 
      } 
      } 
     }, 
     ... 

を、私が使用：

componentWillMount =() => { 
    let {relay} = this.props; 
    relay.setVariables({ 
    studentId: this.props.member.id 
    }); 
} 

しかし、ここでの問題は、クエリがあるということです最初にnullで実行され、initialVariablesで定義されています。バックエンドの実装では、studentIdがNULLの場合、すべてのメンバーのデータが返されます。

結果は、所与のmemberIdですべてのメンバーと最初の時間、および第2の時間、上記のクエリは、二回実行することです。

これは私のcomponentWillUpdate内の他のものと混乱します。とにかく、この変数を渡して最初のクエリでそのメンバーのデータしか取得できないのですか？

ありがとうございました。

Answer 1

これらの初期条件で、変数をルート経由で下に通すことでアプリを準備します。

class TaskReviewRoute extends Relay.Route { 
    static paramDefinitions = { 
    studentId: {required: true}, 
    }; 
    static queries = { 
    task:() => Relay.QL`query { ... }`, 
    }; 
    static routeName = 'TaskReviewRoute'; 
} 

<Relay.RootContainer 
    Container={TaskReview} 
    route={new TaskReviewRoute({studentId: '123'})} 
/>