如何解决如何在.map中获取整个数组?
我对React / JSX及其语法完全陌生。
export const productList = [
{
id: 'ckes849yz000101md82djen90',producer: 'Producent A',title: 'Gulerødder',type: 'Vaskede',image: 'https://raahandel.dk/wp-content/uploads/2019/09/DSC07878.jpg',category: 'Frugt & Grønt',organic: true,cold: false,unit: 'kg',unitSize: 1,bulkUnit: 'Kasse',bulkSize: 10,price: 8.75,quantity: 100,descriptions: [{
productDescription: 'Lorem ipsum dolor sit amet,consectetur adipiscing elit.',goodBecause: 'Lorem ipsum dolor sit amet,consectetur adipiscing elit.'
}],}]
我要在App.js中通过.map()获取1个数组中的5个对象
class App extends React.Component {
render() {
return (
<div>
<h1>Produkt liste</h1>
{
productList.map((product) =>
<div>
{product.id}
</div>
)
}
</div>
);
}
}
导出默认应用;
我只知道到目前为止如何得出一个单一的值。
谢谢。
解决方法
在回答您刚刚问但以理的问题时,如果我理解您的要求是正确的,您可以执行{product.id} {product.producer}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。