Apollo Reactドキュメントhttp://dev.apollodata.com/react/queries.html#basicsには、コンポーネントが表示されたときに自動的にフェッチする例がありますが、ボタンをクリックしたときにクエリを実行したいと思います。ボタンがクリックされたときにクエリをフェッチする例がありますが、最初にクエリを実行する必要はありません。私は突然変異を呼び出す方法があることを知っていますが、どのように問い合わせを呼びますか?ここに記載されているようにあなたは、withApollo
高次成分を使用したアポロクライアントへの参照を渡すことによってそれを行うことができますApollo GraphQL React - クリック時の問い合わせ方法は?
26
A
答えて
35
:https://www.apollographql.com/docs/react/basics/setup.html#withApollo
次に、あなたがそうのように、オブジェクトに渡された上client.query
を呼び出すことができます。
class MyComponent extends React.Component {
runQuery() {
this.props.client.query({
query: gql`...`,
variables: { ... },
});
}
render() { ... }
}
withApollo(MyComponent);
好奇心ではなく、クリックイベントでクエリを実行する目的は何ですか?おそらく、基本的な目標を達成するためのより良い方法があります。
関連する問題
- 1. Apollo-React-GraphQL突然変異
- 2. React-ApolloでGraphQLエラーを処理する方法は?
- 3. ApolloとGraphQL CORS
- 4. react-apolloが私のgraphqlローカルサーバに接続していません
- 5. Express-GraphQLとReact-Apolloを使用したGraphQLサブスクリプション
- 6. android graphQL apollo
- 7. GraphQL Apollo iOSクライアントレスポンスヘッダ
- 8. apollo graphqlのカサンドラサポート
- 9. Graphql with Apollo - fetchMoreの使い方
- 10. React-Apolloインコヒーレントデータ
- 11. CORS Apollo React onlyフロントエンド
- 12. Apollo GraphQLエラー処理
- 13. React Native with ApolloはHerokuのGraphqlサーバに接続できません
- 14. react-apolloを使用してgraphqlクエリに変数を渡す
- 15. 小道具をReduxストアからApollo GraphQLに渡す方法
- 16. React Native、GraphQL、Apollo - 突然変異中にスローされたエラー
- 17. お問い合わせフォームへのお問い合わせ方法
- 18. AWS Lambda内のApollo Server Graphql
- 19. ApolloクライアントでReactコンポーネントのGraphQLクエリを動的に設定する
- 20. Apollo GraphQL Mutation(オブジェクト引数)
- 21. コンテキストとApollo GraphQLのRootValue
- 22. Apollo Reactを使用してGraphQLでRESTapiをラップする
- 23. react-apolloのdata.refetch()関数の動作方法
- 24. Apolloでgraphqlの断片を使うのに問題がある
- 25. ApolloクライアントはGraphQlレスポンスでコンポーネントを再レンダリングしません
- 26. Apollo + React Router 4 SSRの問題
- 27. テストにreact-apolloで模擬データを使用する方法
- 28. ReactとApolloでgraphqlサブスクリプションを使用してリアルタイムアプリケーションを作成する
- 29. Amazon RedShift - OLAPの方法を問い合わせる方法
- 30. 方法の問い合わせは()の値
私はこれを検索バーに使用したかった – kayla
これを、親にgql HOCを持つコンポーネントで使用すると、親コンポーネントであるcomponentWillReceivePropsがトリガーされます。理由は分かりません。 良い方法がありますか?おそらく還元する。 –
これは、小道具を更新しませんか?どうして?結果が成功した後、どのように小道具を更新できますか? – CharlesS