如何从 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);