Tengo estas dos consultas de Apollo en un componente de React:
const { data, loading, error } = useQuery(PlaylistQuery, { variables: { _id: playlistId }, fetchPolicy: "cache-and-network", }); const [loadSong, { called, loading, error, data }] = useLazyQuery(SongQuery, { variables: { _id: song._id, }, });Esto obviamente me dará este mensaje de error:
Cannot redeclare block-scoped variable¿Cuál es una forma inteligente de evitar esto?
Para evitar este problema, simplemente puede nombrar las variables de sus consultas. Como un ejemplo como a continuación:
const { data: playListData, loading: playListLoading, error: playListError } = useQuery(PlaylistQuery, { variables: { _id: playlistId }, fetchPolicy: "cache-and-network", }); const [loadSong, { called: songFuctionCalled, loading: songLoading, error: songError, data :songData }] = useLazyQuery(SongQuery, { variables: { _id: song._id, }, });