D'après ma compréhension, le fichier .env doit contenir la clé API avec le préfixe REACT_APP suivi de son nom et pour utiliser la variable, nous devons omettre le préfixe REACT_APP mais j'ai remarqué que dans certains cas, il y a une différence de comportement de.

J'ai défini la variable d'environnement dans le fichier .env comme ceci : REACT_APP_YOUR_KEY_NAME=9999999999999. Et en supposant qu'il soit accessible via process.env.YOUR_KEY_NAME. Mais j'ai remarqué que dans certains cas (pas uniquement), un préfixe est requis, sinon la clé semble être undefined. Cela ne fonctionne donc que si j'utilise process.env.REACT_APP_YOUR_KEY_NAME

const FetchData= async () => essayer { const cache = localStorage.getItem('apiData'); si (cache) { retourner JSON.parse(cache); } autre { const réponse = wait fetch(`${url}?key=${process.env.REACT_APP_API_KEY}`); const jsonData = attendre réponse.json(); localStorage.setItem('gameData', JSON.stringify(jsonData)); renvoyer jsonData ; } } attraper (erreur) { console.error('Une erreur s'est produite :', erreur); renvoie null ; } } ; exporter les FetchData par défaut;