在react中渲染对象的嵌套数组
在react中渲染对象的嵌套数组
提问于 2017-07-30 00:42:19
我通过多个对象进行映射。[{name:"y", country:"US", cities:[obj,obj,ob]},{name:"y", country:"US", cities:[obj,obj,ob]}]
我如何嵌套一个循环，以便我首先迭代对象，然后迭代(在本例中)城市?谢谢！！
我的渲染函数没有嵌套外观，如下所示：
render() {
const persons = this.state.name.map((item, i) => {
return (
<div>
<h5> {item.name} </h5>
<h5> {item.country} </h5>
//here I would like to show the cities
</div>
);
});
return (
<div>
<div className = "panel-list">
All: {persons}
</div>
</div>
);
}Cities对象示例：
[{visitors:34, rating:4},
{visitors:1234, rating:1},
{visitors:124, rating:2}]回答 1
Stack Overflow用户
回答已采纳
发布于 2017-07-30 00:57:16
您也可以使用嵌套的map在内层的子对象上进行映射，比如
render() {
const persons = this.state.name.map((item, i) => {
return (
<div>
<h5> {item.name} </h5>
<h5> {item.country} </h5>
<h4>{item.cities.map((city) => {
return (<li>{/* city object details here*/}</li>)
})}</h4>
</div>);
});
return (
<div>
<div className = "panel-list">
All: {persons}
</div>
</div>
);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45391680
复制相关文章
相似问题
腾讯云开发者
