Reactjs 如何将json文件中的json数据插入rect并创建表？

假设我有一个名为“contacts.json”的本地文件。我想在react组件中插入它并创建一个表。如果有人能帮助我，我将非常高兴。谢谢

{
  "contacts": [
  {
  "id": 1,
  "firstName": "hamid",
  "lastName": "mohamadi",
  "contactType": "Friend",
  "birthDate": "2010.10.10",
  "phoneNumber": [
    "09011019011",
    "09120658719"
  ],
  "email": [
    "mohammadi842@gmail.com",
    "h_mohammadi842@yahoo.com"
  ]
}

---

}

您可以使用

JSON.parse（）

：

const obj=JSON.parse（）；
render（）

它已经是一个有效的js对象。我用以下数据制作了一个html表格示例：

您可以选择像did一样进行迭代，或者指定要显示的属性

<table border="1">
    <tbody>
      {data.contacts.map(contact => {
        return Object.keys(contact).map((item, index) => (
          <tr key={index}>
            <td>{contact[item]}</td>
          </tr>
        ));
      })}
    </tbody>
  </table>

{data.contacts.map（contact=>{
返回Object.keys（contact.map）（项目，索引）=>(
{联系[项目]}
));
})}

首先需要做的是

const obj=JSON.parse（value）

console.log（'obj'+obj）

您需要做的是在中返回（

{this.props.obj.map（（number）=>
{number}
）}

）

<table border="1">
    <tbody>
      {data.contacts.map(contact => {
        return Object.keys(contact).map((item, index) => (
          <tr key={index}>
            <td>{contact[item]}</td>
          </tr>
        ));
      })}
    </tbody>
  </table>