Arrays 需要帮助从React not数组中的对象获取API数据吗
早上好,我在我的应用程序中获取API时遇到问题我正在尝试获取JSON对象信息,但我一直获取this.state.data.map不是函数错误,我知道map应该是一个数组,而不是一个字符串,但我似乎无法修复代码,因此它会引入一个对象,而不是字符串信息。我从JSON文件中引入的API信息如下:Arrays 需要帮助从React not数组中的对象获取API数据吗,arrays,json,reactjs,object,fetch,Arrays,Json,Reactjs,Object,Fetch,早上好,我在我的应用程序中获取API时遇到问题我正在尝试获取JSON对象信息,但我一直获取this.state.data.map不是函数错误,我知道map应该是一个数组,而不是一个字符串,但我似乎无法修复代码,因此它会引入一个对象,而不是字符串信息。我从JSON文件中引入的API信息如下: { "slider": { "title": "Slider Title", "content": "Slider content",
{
"slider":
{
"title": "Slider Title",
"content": "Slider content",
"image": "Slider.jpg",
"displaySlideShow": true,
"displayLearnMoreLink": true
}
"content":
{
"title": "Content Title",
"content": "Content Info",
}
}
这是我用react写的代码
class AdminEmailSignups extends Component {
constructor()
{
super();
this.state={ data:[], }
}
componentDidMount()
{
fetch('api/contact').
then((Response)=>Response.json()).
then((findresponse)=>
{
this.setState({ data:findresponse, })
})
}
render()
{
return (
<div className="app flex-row adminsections ">
<Table striped bordered condensed hover responsive>
{
this.state.data.map(function(blog){
return <tbody>
<tr>
<td><span>{blog.slider.title}</span></td>
</tr>
</tbody>
})
}
</Table>
</div>
);
}
}
类AdminEmailSignups扩展组件{
构造函数()
{
超级();
this.state={data:[],}
}
componentDidMount()
{
获取('api/contact')。
然后((Response)=>Response.json()。
然后((findresponse)=>
{
this.setState({data:findresponse,})
})
}
render()
{
返回(
{
this.state.data.map(函数(blog){
返回
{blog.slider.title}
})
}
);
}
}
我想知道是否有人可以查看我的代码,并为我指出正确的方向,以帮助我解决此问题,再次感谢由于map仅适用于数组,因此您可以创建一个条件foreach循环来处理此问题 或者更快的方法是这样做
Object.keys(this.state.data).map(blog=>{..})
为什么希望map在对象上工作?看看lodash_map:我不希望它对一个对象起作用,我正在寻找正确的语法,允许我从API中提取json对象信息,我知道map不起作用,我在寻找是否有人能为我指出正确的工作方向看看我之前评论中的链接我看到了你的消息感谢您的见解,但我正在寻找一种方法,使用get请求简单地提取信息。我知道我可能忽略了一些东西。我希望您检查了我的代码,您可以为我指出一个答案,然后替换地图。没有时间,抱歉。