Javascript 从数组中提取父节点

我有一个类似下面的数组，我希望能够提取父数组，然后列出子数组

"options" : {
    "milk" : [ {
      "price" : 0,
      "title" : "Regular"
    }, {
      "price" : 0,
      "title" : "Soy"
    } ],
    "sugar" : [ {
      "price" : 0,
      "title" : 0
    }, {
      "price" : 0,
      "title" : 1
    } ]

这样我就可以展示 鲜奶 -普通，0 -大豆，0 糖 - 0,0 -1,0

我已经能够传递

this.props.data.options.milk

，它允许呈现标题/价格，但希望循环显示选项并呈现它们和价格

---

谢谢

您可以迭代options对象的键 如果选项对象如下所示：

const obj = {
  "options" : {
    "milk" : [
      {
        "price" : 0,
        "title" : "Regular"
      }, {
        "price" : 0,
        "title" : "Soy"
      }
    ],
    "sugar" : [
      {
        "price" : 0,
        "title" : 0
      }, {
        "price" : 0,
        "title" : 1
      }
    ]
  }
};

您可以像这样迭代其属性：

{
  Object.keys(obj.options).forEach((key) => {
    <Text>{key}</Text>
    <Item data={obj[key]} />
  });
}

在

项中

组件中：

{
  this.props.data.forEach((item) => {
    <Text>
      {item.title}: {item.title}
    </Text>
  })
}

{
this.props.data.forEach（（项）=>{
{item.title}:{item.title}
})
}

如果我通过

this.props.data.options传递上述数组，这将如何工作

{
  this.props.data.forEach((item) => {
    <Text>
      {item.title}: {item.title}
    </Text>
  })
}