Arrays 使用嵌套JSON数据呈现react表

Arrays 使用嵌套JSON数据呈现react表,arrays,json,reactjs,datatable,nested,Arrays,Json,Reactjs,Datatable,Nested,我有一个嵌套的JSON,我正试图将它呈现到一个表中。其思想是通过迭代JSON来填充。我的问题是当我遍历标记并试图填充到environment列中时。如果该键存在,它可以正常工作,但是如果该键不存在,它会将TD移到前面的列 例如,在下图中,您可以在第一行中看到web to ENV列,而不是Purpose列。对于其他两个,由于键存在,因此表呈现良好 在渲染方法中,可以执行以下操作: <td>{info.Tags.filter(env => env.Key === "env").ma

我有一个嵌套的JSON,我正试图将它呈现到一个表中。其思想是通过迭代JSON来填充。我的问题是当我遍历标记并试图填充到environment列中时。如果该键存在,它可以正常工作,但是如果该键不存在,它会将TD移到前面的列

例如,在下图中,您可以在第一行中看到web to ENV列,而不是Purpose列。对于其他两个,由于键存在,因此表呈现良好


在渲染方法中,可以执行以下操作:

<td>{info.Tags.filter(env => env.Key === "env").map(e => e.Value).join(' ')}</td>

因此,您不必将map返回的值包装在td中,而必须将整个内容包装在标记中。

这就像一个符咒,非常感谢。我花了很多时间想弄明白。最后,它起作用了。再次感谢。
<td>{info.Tags.filter(env => env.Key === "env").map(e => e.Value).join(' ')}</td>