React native 如何在react native from API中显示嵌套数组数据？

我正在尝试从API获取和显示数据。下面是API给我的回复。我想显示details数组中“Name”的值。请帮我解决这个问题。我试过下面的代码

{ 
   "Success":1,
   "data":[ 
      { 
         "Date":"2019-11-08",
         "Details":[ 
            { 
               "Name":"Name 1",
               "Id":72
            },
            { 
               "Name":"Name 2",
               "Id":73
            }
         ]
      },
       { 
         "Date":"2019-11-09",
         "Details":[ 
            { 
               "Name":"Name 3",
               "Id":72
            },
            { 
               "Name":"Name 4",
               "Id":73
            }
         ]
      }
      ]
}

---

Javascript映射函数可用于嵌套迭代

假设您的数据存储在状态为data。 若在名为response的变量中接收到响应，则可以将状态设置为

this.setState({ data : response.data })

然后，您可以使用下面的代码段来迭代嵌套的对象值

{

this.state.data.map（（dat，index）=>{//遍历数据
返回(
{dat.Date}
{
dat.Details.map（（内部，indexiner）=>{//遍历内部细节
返回(
{inner.Id}
{inner.Name}
)
})
}
)
})
}

---

Javascript映射函数可用于嵌套迭代

假设您的数据存储在状态为data。 若在名为response的变量中接收到响应，则可以将状态设置为

this.setState({ data : response.data })

然后，您可以使用下面的代码段来迭代嵌套的对象值

{

this.state.data.map（（dat，index）=>{//遍历数据
返回(
{dat.Date}
{
dat.Details.map（（内部，indexiner）=>{//遍历内部细节
返回(
{inner.Id}
{inner.Name}
)
})
}
)
})
}

---

我尝试了下面的代码，但没有显示.render（）{let movies=this.state.dataSource.map（（val）=>{let sessionList=val.Details.map（（val1，key1）=>{return{val1.Name}}；}）；return（{sessionList}）我尝试了下面的代码，但没有显示.render（）{let movies=this.state.dataSource.map（（val）=>{let sessionList=val.Details.map（（val1，key1）=>{return{val1.Name}}}）；}）；return（{sessionList}）}谢谢Ajith。我尝试了你的代码。但我从每个数组中得到了第一条记录。例如“Date”：“2019-11-08”我得到的是“Name”：“Name”：“Name 1”只和“Name 1”“日期”：“2019-11-09”获取“名称”：“名称3”抱歉我的错误。它正在工作。我对代码做了一些更改。谢谢Hanks Ajith。我尝试了您的代码。但我从每个数组中获取了第一条记录。例如“日期”：“2019-11-08”获取的是“名称”：“名称1”和“日期”：“2019-11-09”获取的是“名称”：“名称3”“对不起，我弄错了。它现在正在工作。我对代码做了一些更改。谢谢