2017-09-10 5 views
0

Je veux construire un routage simple où mon composant le tableau reçoit le fragment Table_table:Relais moderne + GraphQL + trouvé-relais - transformation avant l'enfant obtient un fragment

routing.js

const tableQuery = graphql` 
    query routesTableQuery($tableId: String){ 
    store { 
     table(id: $tableId){ 
      name 
      stake 
     } 
    }} 
` 

<Route 
    path="table" 
    Component={Table} 
    prepareVariables={params => ({tableId: '59abf1a01710ba3b74718220'})} 
    query={tableQuery} 
/> 

Table.js récipient

export default createFragmentContainer(
Table, 
graphql` 
    fragment Table_table on Table { 
     name 
     stake 
    } 
)` 

Mais au lieu de recevoir table prop dans le composant, je reçois magasin (et prop de la table est nulle). Aussi, si je mets ... Table_table au lieu de champs spécifiques à l'intérieur de la requête, je reçois une erreur "Prop attendu table à fournir à Relay(Table), mais a obtenu undefined" Des pensées pourquoi?

Répondre

0

Je l'ai géré en utilisant l'attribut de rendu dans le routage.

render={({Component, props})=>{ 
    return <Component table={props.store.table} /> 
}}