这是我的 Jason 数据和代码,我正在使用 map() 填充我的数据但出现一些错误,下面是我的代码
var data = [
{
categorytitle: "Shoes",
category: [
{
Category1: "Boots"
},
{
Category2: "Sneakers"
},
{
Category3: "Flats"
},
{
Category4: "Booties"
},
{
Category5: "Mules"
},
{
Category6: "Heels/Pumps"
},
{
Category7: "Clogs"
},
{
Category8: "Slippers"
},
{
Category9: "Sandals"
},
{
Category10: "Sale"
},
{
Category11: "Shop All"
}
]
}
];
另请在下方找到填充代码...
{data.map((el, e) => (
<div {...el} key={e}>
<h3>{el.categorytitle}</h3>
<ul>
<li>{el.category[e]}</li>
</ul>
</div>
))}
请指导我如何在列表中显示 Category1
....?
最佳答案
你可以像下面那样做
{data.map((ele, index) => (
<div key={"Key-"+index}>
<h3>{ele.categorytitle}</h3>
<ul>
{Array.isArray(ele.category) && ele.category.map((d, i) => (<li key={"Key-"+i}>{d[`Category${i+1}`]}
</li>))}
</ul>
</div>
))}
关于javascript - 如何在 React Js 中集成 array.map,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54542674/