Comment transmettre l'objet json de l'API Web en javascript au reste du projet

Question

Je crée un planificateur Web React qui stocke les événements d'entrée utilisateur dans un serveur SQL accessible par une API C# asp.net. Les instructions api et fetch renvoient les résultats que j'attends, mais j'ai du mal à transmettre les données reçues au reste du projet.

C'est la commande fetch que j'utilise et le json est la valeur finale que j'essaie d'utiliser (elle enregistre les détails de l'événement au jour, mois, année, titre, format de balise)

fetch(BaseUrl + '/api/eventreader/6', {
        method: 'GET',
        headers: {
            'Accept': 'application/json',
        },
    })
        .then(response => response.json())
        .then(json => {

            
        }

        )

J'ai essayé de définir une variable globale dans le fichier, en la définissant égale à json, mais elle apparaît toujours comme indéfinie. J'ai également essayé d'ajouter des éléments au tableau, mais le tableau indique également qu'il est vide. Des idées?

Answer 1

Vous pouvez utiliser des variables d'état pour stocker des données. Par exemple :

const [data, setData] = useState(null);

useEffect(() => {
  fetch(BaseUrl + "/api/eventreader/6", {
    method: "GET",
    headers: {
      Accept: "application/json",
    },
  })
    .then((response) => response.json())
    .then((json) => {
      setData(json);
    });
}, []);

console.log(data);