accessing the api sublinks

   componentDidMount = () => {
    fetch('https://api.teleport.org/api/urban_areas/?embed=ua:item/ua:images')
    .then(response => response.json())
    .then(data => {
      console.log(data)
      this.setState({
        images: data
      })
      console.log(this.state.images._embedded)
    })
  }

I am currently a student and working on a project that reads data from an api and writes it to the page. I am trying to get to the part of this api where I can get a url to some images. Before, I only used apis that are very simple to work with and have always used dot notation to get in the data and the and inner parts of it. So far, I got to that ‘_embedded’ part using dot notation, ‘data._embedded’. But I can’t figure out how to get in that part that says ‘ua:item’. I eventually need to get to the ‘mobile’ part to get to the image url. This is a React project by the way, if it makes any difference for this particular issue. Thanks a lot in advance!

Tags: api