在 React Native 的另一个数组中循环数组

Question

我正在尝试循环一个道具并将 parent 和 child 推送到一个变量。我似乎能够使循环和推送正常工作，但它推送每个 parent

下的所有 children

var options = [];
    var option = [];
    Object.keys(this.props.data.options).forEach((key, index) => {
      options.push(
        <AddToCartRow key={index} option={key} options={option} cartKey={this.props.cartKey} />,
        Object.values(this.props.data.options[key]).forEach((value, index) => {
          option.push(value)
        })
      )
    })

以下是当前情况

预期结果应该是

尺码 - 0[价格：3.95，标题：小] - 1 [价格：4.95，标题：大]

混合 - 0[价格：0，标题：常规] - 1 [价格：0，标题：脱咖啡因]

等等

Answer 1

您似乎无法将元素推入数组。我通过以下方式进行了管理

for (let parentData of mainObj) {
    let tempArray = []; // need to declare here
    for (let childData of parentData.someField) {
        tempArray.push({
            ...
        });
    }
    finalArray.push(tempArray);
}

您需要将您的子循环数据推送到临时数组，然后推送到主结果数组，在您的情况下是 options。

在 React Native 的另一个数组中循环数组

Loop array within another array on React Native

arrays

loops

for-loop

push

react-native