Javascript 将数据从对象发送到React组件 访问对象内部的数据以将其发送到React组件

我正在尝试恢复对象中的数据，该对象如下所示：

{89: {…}, 91: {…}, 92: {…}}

89: {name: "Confiture de Myrtilles", product_id: "737", _wc_review_count: "0", _wc_rating_count: "a:0:{}", _wc_average_rating: "0", …}

91: {name: "Poires Guyot (bio)", product_id: "690", _wc_review_count: "0", _wc_rating_count: "a:0:{}", _wc_average_rating: "0", …}

92: {name: "Pommes Pinova (bio)", product_id: "700", _wc_review_count: "0", _wc_rating_count: "a:0:{}", _wc_average_rating: "0", …}

我想处理每个“索引”（89,91，…），并将它们逐个发送到我的React组件

例如，我的React组件将使用的第一件事是

{name:“Myrtilles公司”，产品id:“737”，wc审查计数：“0”，wc评级计数：“a:0:{}”，wc平均评级：“0，…}

我试过像这样使用map函数,但不起作用:

{this.state.Products.map((product, i) => {
                        return (
                            <div>
                            <Product product_data={product}/>
                            </div>
                        );
})}

{this.state.Products.map（（产品，i）=>{
返回(
);
})}

---

如果您能帮助我并告诉我您是否需要更多信息，请向我表示感谢。

获取对象的值

{
  Object.values(this.state.Products).map((product, i) => {
    return (
      <div>
        <Product product_data={product}/>
      </div>
    );
  })
}

{
Object.values（this.state.Products）.map（（产品，i）=>{
返回(
);
})
}

您有一个对象而不是数组

从对象生成数组：

const products = Object.values(this.state.products);

环绕产品：

products.map(item => <Product product_data={item}/>)

products.map（item=>）

让我知道你进展如何

--

IMO：我会传播数据，然后在组件中访问

中的每个名称

例如：

products.map(item => <Product {...item} />)

products.map（item=>）

然后在组件中

：

{this.props.name}

谢谢您的帮助！这是同一个解决方案Junius L，但它不起作用。。谢谢你的帮助，如果你想看的话，FurkanO已经解决了我的问题！没有问题，尽管已更新。我仍然会注意到，散布物体会移除一个不必要的道具。

<h1>{this.props.name}</h1>