Javascript React JS：渲染对象键及其值

我试图渲染一个对象键和值，但它似乎不起作用

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

我需要做什么才能真正打印出这些值

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

像这样：

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

{attributes.map（（项目，索引）=>{
返回(

{Object.keys（items）.map（（key）=>{
返回(
{key}:{items[key]}
)
})}

)
})}

像这样：

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

{attributes.map（（项目，索引）=>{
返回(

{Object.keys（items）.map（（key）=>{
返回(
{key}:{items[key]}
)
})}

)
})}