React JS：渲染对象键及其值

Question

我正在尝试渲染对象的键和值，但它似乎不起作用。

我已经设法在控制台中显示它，但不是实际的 dom。 我正在遍历具有多个条目的对象。

我需要做什么才能实际打印出这些值？

{attributes.map(items => {                                
                            {Object.keys(items).map((key) => {
                                console.log(key, items[key]);
                            })}
                        })}

Answer 1

像这样：

{attributes.map((items, index) => {
  return (
    <ul key={index}>
    {Object.keys(items).map((key) => {
      return (
        <li key={key + index}>{key}:{items[key]}</li>
      )
    })}
    </ul>
  )
})}