React get inner JSON object from api - json

Question

Update: How do I get an array (currentSchedule) within an array (response)?
I am trying to get the JSON object in "response" within the JSON code below. For instance, I want to get the title & description in "response", but it is not returning anything for me with the codes that I implemented below.
all.json
{"responseCode":200,
"responseMessage":"Channel Listing",
"response":[{
"id":395,
"title":"Title 1",
"description":"Description 1",
"currentSchedule":[{"eventId":"123456","title":"Hello Title"]}
}]
}
App.js
class App extends Component {
constructor(props){
super(props);
this.state = {
items: [],
isLoaded: false,
}
}
componentDidMount(){
fetch('/all.json')
.then(res => {
res.json()
})
.then(json => {
this.setState({
isLoaded: true,
items: [],
})
});
}
render() {
var { isLoaded, items } = this.state;
if(!isLoaded) {
return <div>Loading...</div>;
}
else {
return (
<div className="App">
<ul>
{items.map(item => (
<li key={item.id}>
Title: {item.title} | Description: {item.description}
</li>
))};
</ul>
</div>
);
}
}
}
export default App;

Answer 1

You need to assign response in your setState to view it, somthing like this
componentDidMount(){
fetch('/all.json')
.then(res => res.json())
.then(json => {
this.setState({
isLoaded: true,
items: json.response,
})
}).catch(console.log);
}