javascript - 如何在 React 中显示 HTML 中对象的所有属性

标签 javascript reactjs list

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

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

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

请帮忙!!

最佳答案

映射对象的键

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

关于javascript - 如何在 React 中显示 HTML 中对象的所有属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51227517/

相关文章:

javascript - 重新加载后重新连接弹出窗口

javascript - 返回大小为 k 的已排序子序列

javascript - 使用 {if} 规则仅在 CSS 中覆盖宽度

list - Prolog-在回溯: [a] ; [a,上生成交替符号b]; [a,b,a]; [a,b,a,b]

java - 如何使用子类或父类(super class)定义 Java 函数的返回类型和参数?

c# - 使用 Javascript 隐藏 Gridview

reactjs - React Router v4 参数

javascript - ReactJS-图像src调用另一个文件夹错误

reactjs - React async/await 不在调用函数中等待 - 但被调用函数正在正确执行

python - 查找列表之间的差异并将差异附加到列表,但对于 40 个不同的列表 - python