正在试着从另一个端口获取信息,state 里原本有 passage: [ ] ,
通过 axios 获取数据后用如下代码更新信息:
this.setState({
passage: response.data,
});
但是原本的信息就是 results: [ { }, { } ] ,现在遇到了一个问题
!通过代码1:可以获取到this.state.passage.results就是数组内容,但是必须在 return 里使用{ this.state.passage.map}才能够获取到,可是 passage 里还有一个 results,这样网页报错
this.state.passage.map is not a function
//代码1
render(){
console.log('renderA',this.state.passage)
console.log('renderB',this.state.passage.results)
return(
<Grid item xs={12} sm={15} md={6}>
{this.state.passage.map((Item, index) => {
return()})}
</Grid>
)
}
!代码2 就是想通过直接{this.state.passage.results.map}把内容直接输出,但
是这个时候报错
Cannot read property 'map' of undefined
控制台也显示 results 里为 undefined 这是为什么呢?