apollographql / apollographql/fullstack-tutorial
Using fragment in `launches.js` stops data from being loaded.
- 主要言語
- 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:

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