javascript - 使用动态对象数组在 React 中渲染 html 表

Question

我有一个来自 API 的对象数组，但这个数组的内容是动态的。

我想使用该array.map函数将此数据映射到 React 中的 HTML 表，但我不知道如何访问variable.property.

例如：

 {
     array.map(data=> {
        <td>{data.DynamicProperty}</td>  

     })
 } 

我应该在DynamicProperty中放什么？有人可以向我展示这种情况下更好的方法吗？

标签： javascriptreactjs

Answer 1

您可以使用简单地获取对象中的所有值Object.values，然后在它们上映射以返回表列，以防每个对象中有多个键。或者，<td>{Object.values(data)[0]}</td>如果每个对象中只有一个键，您可以简单地返回

{
     array.map(data=> {
       return (
          <>
            {Object.values(data).map(val => <td>{data}</td>)}
          </>
       )

    })
 }