在react js文件中循环通过json对象

我的json对象数组是

 {
  "_index": [
    "houseid"
  ], 
  "added": [
    {
      "description": "detail about column", 
      "houseid": "la 123", 
      "\ufeffID": "154"
    }, 
    {
      "description": "detail about column", 
      "houseid": "la 123", 
      "\ufeffID": "154"
    }, 
    {
      "description": "detail about column", 
      "houseid": "la 123", 
      "\ufeffID": "154"
    }, 
    {
      "description": "detail about column", 
      "houseid": "la 123", 
      "\ufeffID": "154"
    }
  ], 
  "changed": [], 
  "removed": [
    {
      "description": "detail about column", 
      "houseid": "la 123", 
      "\ufeffID": "154"
    }, 
    {
      "description": "detail about column", 
      "houseid": "la 123", 
      "\ufeffID": "154"
    }, 
    {
      "description": "detail about column", 
      "houseid": "la 123", 
      "\ufeffID": "154"
    }, 
    {
      "description": "detail about column", 
      "houseid": "la 123", 
      "\ufeffID": "154"
    }
  ]
}

我想应用一个循环，以便我可以显示添加、删除和更改的详细信息，如下所示： 描述房屋ID effid 关于la 123 154列的详细信息

---

关于LA123154列的详细信息只需输入一些名称，即可获得所需内容

import data from '../../result/result.json';

/* somewhere */
let to-add = data.toadd; // get field what you want.

---

您可能希望使用库的方法。它还可以让您在对象的关键点上自由循环

_.forEach(object, (value, key) => {
    //do operations on value and key
})

如果需要在react中通过在元素上循环进行渲染，可能需要执行以下操作：

render(){
    return (
        <div>
        {_.map(elements, (item) => {
            <div>{item.name}</div>
        })}
        </div>
    );
}

render（）{
返回(
{{.map（元素，（项）=>{
{item.name}
})}
);
}

---

你们也可以把这张桌子弄好。您也可以参考答案。

我已经更新了问题。在我的表中无法识别映射。component.jsyes我无法访问add as to add=data.toadd，但我想在循环中迭代它，以便在表中发布它，并标记为toadd、removed、changed