J'ai besoin d'utiliser 2 requêtes dans mon fichier et je les écris comme ceci:

const {loading, data } = useQuery(getCharactersQuery);
const {loading, data} = useQuery(getSingleCharacterQuery);

Le problème est qu'ils ont tous les deux les mêmes variables de «chargement» et de «données» et je ne vois nulle part dans la documentation comment pouvons-nous en avoir des différentes. Comment puis-je les différencier?

0
jas305 31 août 2020 à 19:12

2 réponses

Meilleure réponse

Il s'agit de la déstructuration d'objets de JS Mission de destruction. Vous pouvez choisir de ne pas l'utiliser ici pour donner des noms de variables différents.

const resCharacters = useQuery(getCharactersQuery);
const resSingleCharacter = useQuery(getSingleCharacterQuery);

if (resCharacters.loading || resSingleCharacter.loading) return 'Loading...';
...

1
keikai 31 août 2020 à 16:23

De cette façon, en leur donnant un alias.

const {loading, data } = useQuery(getCharactersQuery);
const {loading: singleCharacterLoading, data: singleCharacterData} = useQuery(getSingleCharacterQuery);
1
jperl 31 août 2020 à 16:18