我正在尝试使用 useEffect 钩子和 fetch API 从我在 React 中创建的 NodeJS 服务器中获取数据。问题是我无法在 useEffect 回调之外访问这些数据 这是我的代码：

import React, { useEffect, useState } from "react";

const App = () => {
  const [LCS_Data, setLCSData] = useState({});

  useEffect(() => {
    fetch("http://localhost:5000/lcs")
      .then((response) => {
        return response.json();
      })
      .then((data) => {
        console.log(data);
        console.log(data.LCS.info);
        setLCSData(data);
      });
  }, []);

  // console.log(LCS_Data.LCS.info);

  return <div className="main"></div>;
};

export default App;

这是 useEffect 中两个 console.log 的输出： 浏览器中第一个 console.log 的输出

所以一切都正常，数据的结构应该如此，没有以任何方式损坏

直到我在 return 语句之前取消对 console.log 的注释

它抛出这个 错误

TypeError: Cannot read properties of undefined (reading 'info')

指向最后一个 console.log，而数据显然在那里。

我如何访问我的数据对象内的属性超出了 useEffect 钩子的范围，因此我通常可以在我的应用程序中使用它