Relay - imposta la variabile prima della query

Question

Attualmente sto lavorando a una pagina che visualizza lo stato di un determinato insieme di "attività" per un utente specifico. Per recuperare i dati, ho il seguente contenitore Relay:

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, 
      } 
      } 
     }, 
     ... 

per definire quali utenti voglio ottenere i dati da, io uso:

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

Tuttavia, il problema qui è che la query è prima eseguito con null come definito in initialVariables. L'implementazione del mio back-end lo fa in modo che se lo studentId è NULL, restituisce i dati per tutti i membri.

Il risultato è che la query precedente viene eseguita due volte, la prima volta con tutti i membri e la seconda volta con il dato memberId.

Questo incasina con altre cose all'interno del mio componentWillUpdate. È comunque possibile passare questa variabile e ottenere solo i dati per quel membro nella prima query?

Grazie.

Answer 1

Prime l'app con queste condizioni iniziali passando la variabile lungo il percorso.

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'})} 
/>