如何从对象数组中呈现所有对象属性

Question

我有一个名为courses[]的数组，在这个数组中有多个对象。每个对象代表一个单独的课程。

我正在尝试渲染每个课程的所有对象属性。根据我目前这样做的方式，我可以console.log我所有的对象属性，但我不确定如何将它呈现给DOM。我试过以下但没有渲染出任何东西：

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

我在这里错过了什么？

Answer 1

一个forEach不会返回任何东西。而是使用map，它应该工作。

EG

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