I'm building a weather app. The API requires a request to locate the city's ID and another to request the weather.

I finally got the weather data in the console by using the code below...

const getCity = (e) => {
    if (e.key === 'Enter') {
      axios.get(cityURL)
      .then((res) => {
        return res.data[0].Key
      })
      .then((id) => {
        return axios.get(`http://a-weather-api/${id}`)
      })
      .then((res) => {
        console.log(res.data)
      })
      setLocation('')
    }
  }

The problem is I need more than the city id from the first request. I also need res.data[0].EnglishName to display the city's name.

Is there an easier way to do this? Thanks!