apollographql / apollographql/fullstack-tutorial
Using fragment in `launches.js` stops data from being loaded.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.2k
- Forks
- 808
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Rechercherichtung
Beginne in launches.js, indem du die funktionierende Inline-Abfrage mit der fragmentbasierten GET_LAUNCHES-Abfrage vergleichst, und führe dann die fehlende Anfrage gegen den GraphQL-Server erneut aus. Fertig ist die Aufgabe, wenn die fragmentbasierte Abfrage eine POST-Anfrage sendet und die Launch-Daten in die Komponente geladen werden.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- graphql, javascript, react
- Bereich
- api, frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 38/100