Question

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

"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，它允许渲染标题/价格，但想循环选项并呈现它们的价格和价格

由于

Answer 1

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

import { routeActions } from 'react-router-redux';
dispatch(routeActions.push('/login'));

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

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.options

在{ Object.keys(this.props.data.options).forEach((key) => { <Text>{key}</Text> <Item data={this.props.data.options[key]} /> }); }组件中：

Item

从数组中提取父节点

1 个答案: