問題タブ [apollo-client]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1231 参照

reactjs - Graphql のページ分割されたクエリにフィルタリング オプションを追加する

プロジェクトの 1 つで、この素敵なapollo-universal-starter-kitを使用しています。このページにフィルタリング オプションを追加して、2 つ以上のコメントを持つ投稿をフィルタリングするタスクがあります。

スターター キットは、バックエンドとしてApollo graphql-serverを使用します。投稿のスキーマの説明は次のようになります。

postsQuery投稿のページ分割された結果を生成するために使用されます

解決方法は次のとおりですpostsQuery(完全なコードはこちら

そして、React コンポーネントのフロントエンドで使用される graphql クエリを次に示しますpost_list(コンポーネントの完全なコードはこちら) 。

これは長い紹介でした:-)、申し訳ありません

質問:

post_listコンポーネント/ページにフィルタリング オプションを追加するにはどうすればよいですか? 質問の React 側はある程度理解できますが、graphql 側は理解できません。postsQuery(limit: $limit, after: $after)のように新しい変数を追加する必要がありpostsQuery(limit: $limit, after: $after, numberOfComments: $numberOfComments)ますか? そして、どういうわけかバックエンドでそれを解決しますか? それとも、私は間違った方向に進んでいるので、別の方向に考えるべきですか? もしそうなら、あなたは私を正しい方向に向けることができますか?:-)

前もって感謝します!

0 投票する
1 に答える
1470 参照

reactjs - React と Apollo のテストを書く

React with Apollo から単体テストを作成しようとしています。

https://dev-blog.apollodata.com/seamless-integration-for-graphql-and-react-6ffc0ad3feadから例を見つけました

それを試してみると、エラーが発生します:

エラー:

テスト: