Javascript 如何访问ag网格表数据和详细信息的嵌套对象数组值？

我的JSON数据与此类似：

[{
“id”：“id1234”，
“已经改变了我的想法的东西”：[{
“id”：“id1234”，
“属性”：“propertyValue”，
“previousValue”：“123”，
“updatedValue”：“456”
},
{
“id”：“id1234”，
“财产”：“财产价值2”，
“previousValue”：“000”，
“updatedValue”：“001”
},
]
},
{
“id”：“id456”，
“已经改变了我的想法的东西”：[{
“id”：“id456”，
“属性”：“名称”，
“previousValue”：“阿纳金·天行者”，
“updatedValue”：“达斯维德”
},
{
“id”：“id456”，
“财产”：“光剑颜色”，
“以前的值”：“蓝色”，
“updatedValue”：“红色”
}
]
},

我能够使用ag grid创建一个表，该表显示已更改数组的ID和长度。我通过JSON响应进行映射并返回如下值来实现这一点：

.then(JSON => JSON.map(thingsThatHaveChangedForThisId=> (
    {
      id: `${thingsThatHaveChangedForThisId.personNumber}`,
      thingsThatHaveChangedForThisId: `${thingsThatHaveChangedForThisId.thingsThatHaveChangedForThisId.length}`
    }))
  )
  .then(thingsThatHaveChangedForThisId=> {
    return thingsThatHaveChangedForThisId;
  })

通过将表数据设置为此JSON响应，我可以在两个不同的行中显示所需的数据：

 someApi.getthingsThatHaveChangedForThisId().then(tableData => this.setState({
  tableData: tableData,
  }))

现在，我想在单击行时将HaveChangedForisid数组的详细信息显示为下拉/折叠式菜单。我需要为每个ID显示与HaveChangedForisid数组关联的值。因此每个ID都有如下详细信息：

{
            "id": "id1234",
            "property": "propertyValue",
            "previousValue": "123",
            "updatedValue": "456"
        },

我已尝试将Object.keys和Object.values映射到已更改的TorthTorthISID数组上，但它始终返回未定义的。我想我需要使用某种嵌套映射，但我找不到任何满足我条件的答案。如果有任何帮助，将不胜感激。谢谢