apollographql / apollographql/fullstack-tutorial

Using fragment in `launches.js` stops data from being loaded.

オープン
#41 コメント 2 件 リアクション 2 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
1.2k
フォーク
808
PR マージ指標
30日以内にマージされた PR はありません

説明

Are you sure that presented fragment is correct? I mean it looks right but when changing from
```
const GET_LAUNCHES = gql`
query launchList($after: String) {
launches(after: $after) {
cursor
hasMore
launches {
id
isBooked
rocket {
id
name
}
mission {
name
missionPatch
}
}
}
}
`;
```
to solution with fragments:

```
export const LAUNCH_TILE_DATA = gql`
fragment LaunchTile on Launch {
__typename
id
isBooked
rocket {
id
name
}
mission {
name
missionPatch
}
}
`;

const GET_LAUNCHES = gql`
query GetLaunchList($after: String) {
launches(after: $after) {
cursor
hasMore
launches {
...LaunchTile
}
}
}
${LAUNCH_TILE_DATA}
`;
```

Data is never properly loaded into the component:
screenshot 2018-11-20 at 10 16 16

When using the fragments I can't see any `POST` request performed against my graphql server.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

launches.js で、動作しているインラインクエリとフラグメントベースの GET_LAUNCHES クエリを比較することから始め、次に GraphQL サーバーに対して不足しているリクエストを再現します。フラグメントベースのクエリが POST リクエストを送信し、launch データがコンポーネントに読み込まれれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
graphql, javascript, react
領域
api, frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。