Question

React Hook useEffect 我无法获取数据

2021-12-16

193

reactjs

我想获取实时比特币信息，但数据未传来。我收到此错误 = React Hook useEffect 缺少依赖项：“coinData”。请添加它或删除依赖项数组

 const [coinData,setCoinData] = useState([]);
  
  useEffect(() => {
    const getData = async () =>{
      const baseURL = "https://api.coingecko.com/api/v3/coins/bitcoin?tickers=true&market_data=true&community_data=true&developer_data=true&sparkline=true"
      const response = await axios(baseURL)
      setCoinData(response);
      console.log(coinData)
    }
  getData();
  }, []);

Answer 1

出现此错误是因为您在 useEffect 中使用了 coinData (状态)。

如果将 coindData 添加到依赖项数组，则会陷入无限循环。

要记录响应，请使用 console.log(response) ，而不是 console.log(coinData) 。

useEffect(() => {
    const getData = async () =>{
      const baseURL = "https://api.coingecko.com/api/v3/coins/bitcoin?tickers=true&market_data=true&community_data=true&developer_data=true&sparkline=true"
      const response = await axios(baseURL)
      setCoinData(response);
      console.log(response);
    }
    getData();
  }, []);