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 más completo puedes ver enacceder a mi repositorio en GitHub aquí