Una forma interesante de obtener datos es utilizando una librería llamada axios
Este pequeño ejemplo puede parecer un poco diferente pero es una mejor forma de obtener datos de una API, utilizando useState y useEffect.
import axios from "axios";
const App = () => {
const [weather, setWeather] = useState([])
const [capitalCity, setCapitalCity] = useState("city");
useEffect(() => {
axios
.get(`${urlWeather}${newAccessKey}&query=${capitalCity}`)
.then((response) => {
setWeather(response.data);
});
}, [newAccessKey, capitalCity]);
...
};
Si quieres ver un ejemplo real puedes ver en mi repositorio en GitHub aquí