React JS: Rendering object keys and its values

Question

I am trying to render an objects key and value, however it just doesn't seem to work.

I have managed to display it in the console, but not the actual dom. I am iterating through the object which has multiple entries.

What do I need to do to actually print out the values?

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

CD.. · Accepted Answer · 2017-08-14 15:08:54Z

9

Like this:

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

edited Aug 14, 2017 at 15:08

answered Aug 14, 2017 at 15:03

CD..

74.4k25 gold badges160 silver badges170 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React JS: Rendering object keys and its values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related