Javascript 错误：创建一个<；视图>；每个回路

我试图显示一个JSON，如下链接所示：

当我在上面循环时：

renderList(data) {
var num = Math.floor(Math.random() * 2000);
return(
data.map((singleData) => {
  return Object.keys(singleData).map((key) => {
    return(
      <View style={styles.row}>
        <Text>{key}- {singleData[key]}</Text>
      </View>
      )
  })
})
)
}

模拟器的工作原理如下图所示：

但我想显示如下所示：

我在循环中哪里出错了？

for（var I=0；I        for(var i =0;i < result.data.length;i++) {
       for(var key in result.data[i]{
             //do somethying with key}
    }
}

for（var输入结果数据[i]{ //用钥匙做些什么} } }

---

您可以将其附加到状态变量，并将其全部放入格式化的

我的答案

我刚刚创建了一个“行”数组来获取每个对象的每一行，并在视图上进行渲染

renderList(data) {
  var num = Math.floor(Math.random() * 2000);
  return(
    data.map((singleData) => {
      var rows = []
      Object.keys(singleData).map((key,index) => {
        rows.push(<Text>{key} - {singleData[key]}</Text>)
      })
      return(
        <View style={styles.row}>
          {rows}
        </View>
      )
    })
  )
}

renderList（数据）{
var num=Math.floor（Math.random（）*2000）；
返回(
data.map（（singleData）=>{
变量行=[]
Object.keys（singleData.map）（键，索引）=>{
rows.push（{key}-{singleData[key]}）
})
返回(
{rows}
)
})
)
}

like the JSON is formatted（像JSON一样格式化）是什么意思？向我们展示一个您希望我们如何显示的示例it@AKADER描述示例。谢谢，要获取“json格式”的内容，请按原样返回对象集合。Set content type=“application/json”@塞勒诺：我想我没有正确解释。我想在描述的底部以这种方式显示。如何使用for在react中获取变量，就像我使用map（）一样或者更好的方法是如何将其附加到状态变量上？setState将位于“for”内？您需要重新开始。花时间查看状态在中的工作方式React@RaphaelOnofre将setState（）放入在for循环内部是一个非常糟糕的主意。正如AKADER所建议的，花一些时间阅读状态如何工作以及组件的生命周期。@Giorgos此应用程序有一个屏幕，它将被安装在组件Willmount（）上，然后显示。我正在那里设置状态。我已使用状态和componentWillMount（）内容更新问题描述。

        for(var i =0;i < result.data.length;i++) {
       for(var key in result.data[i]{
             //do somethying with key}
    }
}

renderList(data) {
  var num = Math.floor(Math.random() * 2000);
  return(
    data.map((singleData) => {
      var rows = []
      Object.keys(singleData).map((key,index) => {
        rows.push(<Text>{key} - {singleData[key]}</Text>)
      })
      return(
        <View style={styles.row}>
          {rows}
        </View>
      )
    })
  )
}