2016-11-11 2 views
0

Ich habe eine übergeordnete Komponente mit einer Apollo-Abfrage gebunden bekam:Apollo GraphQL: Untergeordnete Komponente führt übergeordnete Abfrage erneut aus?

const withData = graphql(MY_QUERY, { 
    options({ userID }) { 
     return { 
      variables: { _id: userID} 
     }; 
    }, 
    props({ data: { loading, getOneUser } }) { 
     return { loading, getOneUser }; 
    }, 
}); 

export default compose(
    withData, 
    withApollo 
)(NavigatorsList); 

export { getOneUser_QUERY }; 

ich eine untergeordnete Komponente userPhoto eingebettet in der Render-Funktion aufgerufen haben:

return (
     <div> 
      <userPhoto /> 
      [.....] 
     </div> 
     ) 

Ohne die untergeordnete Komponente, die withData GraphQL-Funktion wird zweimal ausgeführt, einmal für loading == true und noch einmal mit den zurückgegebenen Daten.

Wenn die untergeordnete Komponente enthalten ist, wird die withData GraphQL-Funktion dreimal ausgeführt. Das dritte Mal getOneUser ist nicht definiert und meine Komponente gibt einen Fehler aus.

Wie kann ich das korrigieren?

Vielen Dank im Voraus für alle Informationen.

Antwort

0

Fest. Es gab einen Syntaxfehler in der untergeordneten Komponente, der keinen Fehler verursachte, aber die Abfrage zweimal und verschiedene andere Anomalien ausgeführt wurde.

Verwandte Themen