how to get data from responseJSON

Question

I am trying below code but always get undefined in console for console.log(responseJSON.Title);

this.props.context.spHttpClient.get(`https://someazuresite.azurewebsites.net/api`,  
      SPHttpClient.configurations.v1)  
      .then((response: SPHttpClientResponse) => {  
        return  response.json().then((responseJSON: any) => { 

          console.log(responseJSON.Title);  
        });  
      }); 

[]

Answer 1

As your responseJSON is an array, you have to loop through array to get property values.

In place of console.log(responseJSON.Title);, you can use:

for (let index = 0; index < responseJSON.length; index++){
    console.log(responseJSON[index].Title);
}

You can find other ways like using forEach, map at:

1. How to loop through an array containing objects and access their properties
2. Loop through an array in JavaScript