方法map() -一次从后端数组获取所有对象的值

Question

我正在用axios下载一个后端结构数据。

我有这样的东西:advancedProfile。技术(包含5个对象的数组)，键为{标题、链接、类别、日期、id})。

，然后使用map渲染div。

代码行如下:

{download.data.advancedProfile.technologies.map(obj=><div>{obj.title}</div>)}

用这行我可以从数组中渲染所有5个对象，但只有一个键值。

我是心不在焉的，但是我怎么能一次映射并得到所有5个对象的所有键?我不想分别复制和粘贴所有的键值。

Answer 1

如果只需要值:

{download.data.advancedProfile.technologies.map(obj => (
<div>
{Object.values(obj).map(value => <div>{value}</div>)
</div>
))}

如果需要键和值:

{download.data.advancedProfile.technologies.map(obj => (
<div>
{Object.entries(obj).map(([key, value])=> <div>{key}: {value}</div>)
</div>
))}