Arrays 在ReactJS中列出数组中的所有项

这是我在App.js中呈现的文件：

ProductList.js

从“React”导入React
导出默认函数ProductList（）{
var items=JSON.parse（localStorage.getItem（“产品”）；//[foo:“4.43”，bar:“3.25”]
常量列表项=（）=>{
对于（项目中的var p）{
{p} ，{items[p]}

}
}
返回(
{listitems}
);
}

这不会输出任何东西

问题是：我如何列出像“foo，4.43”这样的数组中的所有项？

return(
{items.map（（el）=>(
{el}

)}
)

我想这段代码有一些问题

首先，您从

localStorage

获取的

产品是一个数组，因此无法获取它的
key:value
对

您最好将
产品
转换为对象，如：

{
  foo: "4.43",
  bar: "3.25"
}

然后，一种替代方法是通过执行
const productKeys=Object.keys（products）
来获取
键。然后映射它们并显示值：

const listItems = productKeys.map(key => <p>{key}: {products[key]}</p>)

return {
  <div>
    {listItems}
  </div>
}

const listItems=productKeys.map（key=>{key}:{products[key]}
）
返回{
{listItems}
}
listitems
是一个您没有调用的函数，即使您调用它，它也不会呈现任何内容，因为它不会返回任何内容。请使用
map（）
方法呈现列表中的项目
{
  foo: "4.43",
  bar: "3.25"
}

const listItems = productKeys.map(key => <p>{key}: {products[key]}</p>)

return {
  <div>
    {listItems}
  </div>
}