In Apollo React docs http://dev.apollodata.com/react/queries.html#basics gibt es Beispiele für das automatische Abrufen, wenn die Komponente angezeigt wird, aber ich möchte eine Abfrage ausführen, wenn auf eine Schaltfläche geklickt wird. Ich sehe ein Beispiel, um eine Abfrage abzurufen, wenn auf eine Schaltfläche geklickt wird, aber ich möchte nicht, dass sie anfänglich abfragt. Ich sehe, es gibt eine Möglichkeit, Mutationen aufzurufen, aber wie nennt man Abfragen?Apollo GraphQL React - wie Abfrage auf Klick?
26
A
Antwort
35
Sie können es tun, indem Sie einen Verweis auf Apollo-Client Bestehen der withApollo
höherer Ordnung Komponente, wie hier dokumentiert: https://www.apollographql.com/docs/react/basics/setup.html#withApollo
Dann Sie client.query
auf dem übergebenen Objekt aufrufen kann, etwa so:
class MyComponent extends React.Component {
runQuery() {
this.props.client.query({
query: gql`...`,
variables: { ... },
});
}
render() { ... }
}
withApollo(MyComponent);
Aus Neugier, was ist das Ziel der Abfrage auf ein Klickereignis? Vielleicht gibt es einen besseren Weg, das zugrunde liegende Ziel zu erreichen.
Verwandte Themen
- 1. Apollo-React-GraphQL Mutation
- 2. Wie führe ich eine graphQL-Abfrage mit react-apollo aus?
- 3. Apollo GraphQL und React entspricht Redox-Logger
- 4. android graphQL apollo
- 5. Apollo GraphQL Mutationen mit Neuzusammenstellung
- 6. FlowRouter wird nicht innerhalb einer Apollo (graphql) -Abfrage erkannt
- 7. graphql-tester (Komponententests) mit Graphql Apollo Server
- 8. Mit Vazco "Uniformen" in React-Meteor mit Apollo GraphQL
- 9. So ermitteln Sie den Mutationsladestatus mit react-apollo graphql
- 10. Apollo Server oder GraphQL Server
- 11. React-Apollo inkohärente Daten
- 12. Apollo GraphQL Mutation (Object Argument)
- 13. Meteor apollo graphql Abfrage mit Reagieren mit Requisiten
- 14. Apollo GraphQL: Mehrere Abfragen in einer Komponente?
- 15. Dispatch Redux-Aktion nach React Apollo-Abfrage gibt
- 16. Es war uns nicht nicht-Apollo GraphQL Server von Apollo-Client zur Abfrage
- 17. Apollo GraphQl reagieren. Wie lösche Abfragecache für alle Variablenkombinationen?
- 18. Apollo GitHunt-React: updateCommentsQuery?
- 19. react-apollo - Wie setze ich Abfragevariablen von einer umschlossenen Komponente?
- 20. Mehrere erstellen und aktualisieren mit apollo graphql
- 21. Testen von Apollo-Graphql-Container mit separatem Datenserver
- 22. Manage react apollo mit redux beobachtbar
- 23. Wenn die Daten, die Apollo geholt sind bereit, mit React & GraphQL
- 24. Funktioniert der Apollo-Client auf node.js?
- 25. Cursor Paginierung mit Apollo/GraphQL hält mich Fehler
- 26. Apollo Konfigurationsfehler?
- 27. Graphql Apollo Optimistisches UI-Muster - behandelt das tatsächliche Ergebnis?
- 28. Apollo-Client-Cache
- 29. Wie man graphQL Abfragevariable in eine verzierte react Komponente übergibt
- 30. Bild auf GraphQL-Server hochladen
Ich wollte dies für eine Suchleiste verwenden – kayla
Im Finden, wenn ich dies auf eine Komponente verwenden, die die gql HOC auf einem Elternteil hat, löst es die Eltern componentWillReceiveProps. Keine Ahnung warum. Gibt es einen besseren Weg? vielleicht redux. –
Dies aktualisiert die Requisiten nicht? Warum? Wie kann ich Requisiten aktualisieren, nachdem das Ergebnis erfolgreich angekommen ist? – CharlesS