So übergeben Sie ein JSON-Objekt von der Web-API in Javascript an den Rest des Projekts

Question

Ich erstelle einen webbasierten React-Planer, der Benutzereingabeereignisse in einem SQL-Server speichert, auf den eine C#-asp.net-API zugreift. Sowohl die API- als auch die Fetch-Anweisung liefern die erwarteten Ergebnisse, aber ich habe Schwierigkeiten, die empfangenen Daten an den Rest des Projekts weiterzugeben.

Dies ist der Abrufbefehl, den ich verwende, und der JSON-Wert ist der endgültige Wert, den ich verwenden möchte (er speichert die Details des Ereignisses in Tag, Monat, Jahr, Titel und Tag-Format)

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

            
        }

        )

Ich habe versucht, eine globale Variable in der Datei festzulegen und sie auf json zu setzen, aber sie wird immer als undefiniert angezeigt. Ich habe auch versucht, dem Array Elemente hinzuzufügen, aber das Array meldet auch, dass es leer ist. Irgendwelche Ideen?

Answer 1

您可以使用状态变量来存储数据。例如：

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);