ReactJS将来自mongodbstitch的数据显示到表中

我使用mongodbstitcg以JSON格式获取frm mongodb数据，如下所示：

[{"_id":{"$oid":"5def1f22b15556e4e9bdb345"},"Time":{"$numberDouble":"1616180000000"},"Image_Path":"1575946831220.jpg","permission":"Read:Write"},{"_id":{"$oid":"5def1f22b15556e4e9bdb346"},"Time":{"$numberDouble":"727672000000000000"},"Image_Path":"8398393839313893.jpg","permission":"Read:Write"},{"_id":{"$oid":"5def1f22b15556e4e9bdb347"},"Time":{"$numberDouble":"84983500000000"},"Image_Path":"82492849284984.jpg","permission":"Read:Write"}]

我有一个csv文件，使用mongodbimport导出，查询时这是输出。 我真的很难将它呈现为一个可编辑的表

---

我可以看到响应，但当我尝试在屏幕上渲染时失败了？

您正在获取键值对数据

像这样访问

let data = [
{"_id":{"$oid":"5def1f22b15556e4e9bdb345"},
"Time":{"$numberDouble":"1616180000000"},
"Image_Path":"1575946831220.jpg","permission":"Read:Write"},
{"_id":{"$oid":"5def1f22b15556e4e9bdb346"},
"Time":{"$numberDouble":"727672000000000000"},
"Image_Path":"8398393839313893.jpg","permission":"Read:Write"},
{"_id":{"$oid":"5def1f22b15556e4e9bdb347"},
"Time":{"$numberDouble":"84983500000000"},
"Image_Path":"82492849284984.jpg","permission":"Read:Write"}
]

let json = Object.values(data);

在reactjs中

  return (
    <div>
      {json.map(a => 
        <div key={a.id}>
          <h4>image path --{a.Image_Path}</h4>
          <h6>Permission-- {a.permission}</h6>
        </div>
      )}
    </div>
  );

返回(
{json.map（a=>
映像路径--{a.image_path}
权限--{a.Permission}
)}
);

检查我是否发布了解决方案。这是你想要的吗？谢谢你，这很有效，但我不是一个可编辑的表格。@SrNew请接受/投票这对你很有帮助，你说的可编辑是什么意思？你能再解释一下吗，这样我就可以帮你了。谢谢你的及时回复。是的，我会接受的。我正在寻找一个可编辑的表格。一个有行和列的表格，我可以编辑它。我想用一种可编辑的表格格式来表示这些数据。@SrNew你能显示你的需求截图和什么类型的可编辑表格吗？