反应元素 - 数组对象只返回第一项？答案

【问题标题】：React element - array objects only returning first item?反应元素 - 数组对象只返回第一项？
【发布时间】：2018-03-14 03:53:55
【问题描述】：

我正在尝试从包含多个项目的对象中检索项目值。该对象是一个数组对象。我对只能检索每个数组中的第一项及其值而不是所有项感到困惑。谁能告诉我我在这里缺少什么。

数组对象示例：

{ "ITEM 1": [
 {
   "id": 123,
   "name": "item1a"
 },
 {
   "id": 234,
   "name": "item1b"
 },
 {
   "id": 345,
   "name": "item1c"
 }
],
"ITEM 2": [
{
  "id": 456,
  "name": "item2a"
},
{
  "id": 567,
  "name": "item2b"
},
{
  "id": 678,
  "name": "item2c"
}],
}

我在新元素中有数据，在调试时看到循环正确流动，但由于某种原因，只呈现了第一项。

我用 html 元素包裹的代码如下：

  { Object.keys(this.props.data).map(function (key) {
     var list = component.props.data[key];
     for (i = 0; i < facetParent.length; i++) {
       var item = list[i];
       return ( 
           <CheckBox
               key={item.id}
               data={item}
               name={item.name} />
              )
         }}, this)}

非常感谢任何建议。

【问题讨论】：

标签： javascript jquery arrays json reactjs

【解决方案1】：

返回函数立即终止函数执行。这就是为什么你只得到第一个项目。根据您使用的 React 版本，您应该创建 2 个数组并在渲染之前加入它们

【讨论】：