如何從 javascript 中的 Web api 將 json 物件傳遞到專案的其餘部分

Question

我正在製作一個基於 React Web 的刨床，它將使用者輸入的事件儲存在由 C# asp.net api 存取的 SQL 伺服器中。 api 和 fetch 語句都會傳回我期望的結果，但我正在努力將收到的資料傳遞到專案的其餘部分。

這是我使用的 fetch 命令，json 是我嘗試使用的最終值（它以日、月、年、標題、標籤格式保存事件的詳細資訊）

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

            
        }

        )

我嘗試在文件中設定一個全域變量，將其設為等於 json，但它總是顯示為未定義。我也嘗試將元素添加到數組中，但數組也說它是空的。有什麼想法嗎？

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