reactjs - React 应用程序不断自行发送多个请求

Question

我是新手，我正在尝试为我的项目构建一个天气应用程序。它不断将请求发送到我正在使用的 API，即 OpenWeatherMap API。我正在使用 Axios 发送请求。

这是我的代码的样子：

import React, {useEffect, useState} from 'react';  
import axios from 'axios';

const App = () => {
  const [ data, setData ] = useState(null);
  const APIKEY = <APIKEY>;

  useEffect(()=>{
    window.navigator.geolocation.getCurrentPosition(
      async position=>{
        await axios.get(`https://api.openweathermap.org/data/2.5/onecall?lat=${position.coords.latitude}&lon=${position.coords.longitude}&appid=${APIKEY}`)
        .then(response=>{
          setData(response.data);
        }).catch(error=>{
          console.log(error);
        })
      }
    )
  }, []);
  
  console.log(data);
  return<div>hello</div>
}


export default App;

我尝试使用类组件，但无论哪种方式都不起作用。