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> 
) 
})}