首页 > 解决方案 > 如何在 React 中的 HTML 中显示对象的所有属性

问题描述

  {
    title: "My Title",
    entryID: 1,
    url: "#",
    author: "William Pears, Andrew Cutcher",
    comment_count: 2
  }

我得到了这个对象,我试图弄清楚如何在我的 React 组件中显示它。

我想像博客条目一样显示,当单击标题时,我可以希望链接(url)并在博客条目上显示作者..

请帮忙!!

标签: javascriptreactjslist

解决方案


映射对象的键

{Object.keys(yourObject).map(function(key) { return <div>Key: {key}, Value: {yourObject[key]}</div>; })}


推荐阅读