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.