React Weather App-Geolocation：如何将变量放入api调用？

Question

我正在使用OpenWeatherMap API在React上构建Weather App。我希望我的应用根据用户的当前位置显示天气。我已经协调了...

navigator.geolocation.getCurrentPosition(function(position) {
  const latitude = position.coords.latitude;
  const longitude = position.coords.longitude;
});

...但是我无法将它们放入我的API调用中。

getWeatherLocation = async e => {
e.preventDefault();

navigator.geolocation.getCurrentPosition(function(position) {
  const latitude = position.coords.latitude;
  const longitude = position.coords.longitude;
});

const api_call = await fetch(
  `http://api.openweathermap.org/data/2.5/weather?lat=${latitude}&lon=${longitude}&appid=${API_KEY}&units=metric`
);
const data = await api_call.json();
console.log(data); 
};

我知道这些变量必须是全局变量，但我不知道该怎么做。