在道具上映射时,react中的键值对丢失



在向API发出多个请求后,我promise.all()会请求并发出另一个请求,保留上一个请求中的一些属性。这给了我:

(4) [{…}, {…}, {…}, {…}]
0: {product_id: "2", results: Array(4), productInfo: {…}}
1: {product_id: "3", results: Array(6), productInfo: {…}}
2: {product_id: "8", results: Array(9), productInfo: {…}}
3: {product_id: "7", results: Array(5), productInfo: {…}}
length: 4
__proto__: Array(0)

productInfo: {...}是我想要的键值对。在底部的这个组件Iconsole.log()中,对象和它出现了,但它在map()中丢失了?为什么会这样,我该如何解决?

const FormatRelated = ({ recommended }) => {
//  eslint-disable-next-line no-console
console.log(recommended)
return (
<div className="recommendedThumbNailsRow">
{recommended.map(obj => {
//  eslint-disable-next-line no-console
console.log(obj);
return <DisplayRelatedImg styles={obj} />;
})}
</div>
);
};
Map函数是Array函数Array Map。

如果你想循环通过对象道具,你应该使用这样的东西:

Object.keys(recommended).map(key => console.log(recommended[key]))

最新更新