如何在Reactjs中迭代数组对象

我现在正在从数据库中获取一些数据，如何从这里显示结果项 数据如下所示

{this.state.product.length>0？this.state.product.map（product=>
{product.product}
计划



自由的
{this.state.product.map（p=>p.result.map（r=>



{r.fprice}
5,999₹ / 年
) )}


)：null}

我是新手 谢谢

这将帮助您：

let prices = [];
if (data.product.length > 0) {
  prices = data.product.map(p => p.result.map(r => r.inrprice))
}

prices.map（price=>{price}））

---

请粘贴示例JSON以获得更准确的答案。

这是一个如何实现它的示例

var数据={
产品：[
{
名称：“产品1”，
结果：[{price:10，名称：'price'}，{price:2，名称：'discount'}]
},
{
名称：“产品2”，
结果：[{price:200，名称：'price'}，{price:50，名称：'discount'}]
}
],
}
//示例类组件
类应用程序扩展了React.Component{
render（）{
返回(
{data.product&&！！data.product.length&&data.product.map（p=>
{p.name}
{p.result.map（r=>
{r.name}
{r.price}$
)}
)}
);
}
}
//渲染它
ReactDOM.render(
,
document.getElementById（“react”）
);
。产品卡{
显示器：flex；
}
.产品卡结果{
利润率：15px0；
}

`this.state.product.length>0？this.state.product.map（product=>}`使用此选项，我正在显示产品，但无法显示结果中的项目如果路径正确，请执行以下操作：
this.state.product.length>0&&this.state.product.map（p=>p.result.map（r=>{r.fprice}））
@jank嗨，我使用了你的代码，但两次之后我就更新了我的代码和屏幕截图well@KuldeepKoranga我发布了一个有助于你的回答：{code>{“message”：“product list”，“product”：[{“\u id”：“513”，product:“Hindi”“result”：[{“\u id”：“122”，“pr”：“Hindi premium”，{“\u id”：“01”，“pr”：印地语素数“，}]}

let prices = [];
if (data.product.length > 0) {
  prices = data.product.map(p => p.result.map(r => r.inrprice))
}

prices.map(price => <div>{price}</div>))