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