How to render all object properties from array of objects

Question

I have an array called courses[], in this array there are multiple objects. Each object represents a single course.

I'm trying to render out all my object properties for each course. With my current way of doing this I can console.log all my object properties but I'm unsure how I would render it out to the DOM. I tried the following but doesn't render out anything:

<div className="courses">
    {
      courses.map(course =>
        Object.keys(course).forEach((val, key) => {
          return <div key={key}>{val}</div>;
        })
      )
    }
</div>

What am I missing here?

Murat Karagöz · Accepted Answer · 2019-03-06 13:59:08Z

4

A forEach does not return anything. Instead use map and it should work.

e.g.

Object.keys(course).map(...)

answered Mar 6, 2019 at 13:59

Murat Karagöz

37.8k16 gold badges82 silver badges114 bronze badges

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

Collectives™ on Stack Overflow

How to render all object properties from array of objects

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