Una forma interesante de obtener datos es utilizando una librería llamada [axios][1]

Este pequeño ejemplo puede parecer un poco diferente pero es una mejor forma de obtener datos de una API, utilizando [useState][2] y [useEffect][3].

```js
    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 acceder a mi repositorio en GitHub [aquí][4]


  [1]: https://axios-http.com/docs/intro
  [2]: https://reactjs.org/docs/hooks-state.html
  [3]: https://reactjs.org/docs/hooks-effect.html
  [4]: https://github.com/kemilbeltre/Fullstack-course/blob/master/part2/dataforcountries/src/App.js