我是reactjs / es6的新手，正在尝试渲染如下所示的对象console.log()：
Object
0: {_id: "5ceea2eb0023ee3bcc730cc7", createdAt: "2015-01-25T05:00:00.000Z", modifiedA: "2019-05-28T04:00:00.000Z", sku: "SUP", name: "Superior", …}
1: {_id: "5ceebf7ea686a03bccfa67bf", createdAt: "2015-01-25T05:00:00.000Z", modifiedA: "2019-05-28T04:00:00.000Z", sku: "ULT", name: "Ultimate", …}
2: {_id: "5ceec48fa686a03bccfa67c4", createdAt: "2015-01-25T05:00:00.000Z", modifiedA: "2019-05-28T04:00:00.000Z", sku: "PRO", name: "Professional", …}
我已经尝试map()使用其他方法来做到这一点，但是我无法使其正常工作。这是我尝试过的：
return(
Object.keys(prods).map((key, i) => (prods[key].map((product, ind) =>
<div key={ind}>
<h3>{product.name}</h3>
</div>
)
))
)
我希望您能提出有关如何访问该数据的任何建议，这样我就可以将其渲染为div或其他内容。
这就是我使它工作并在正确方向上修改后的方式。谢谢大家！
let prodlist = Object.values(prods).map((product, ind) => (
<Container>
<h3>{product.name}</h3>
</Container>
));
return(
{prodlist}
)
谢谢
您可以render()使用来更新组件逻辑Object.values()，以提取输入prods对象的值。然后，您需要将map()每个数组项目添加到JSX模板中，如下所示：
return <React.Fragment>
{
Object.values(prods).map((product) => (<div key={product._id}>
<h3>{product.name}</h3>
</div>))
}
</React.Fragment>
与key道具有关的额外说明-最好提供一个key值，该值标识item要呈现的列表中的（而不是列表中当前的索引item）。假设其中_id每个项目的字段prods都是唯一的，则该数据将比更加适合key道具ind。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句