访问嵌套 JSON 对象的信息以进行 React 组件渲染

Question

I'm trying to access the all of the items in the JSON object below

{
"Member1": {
    "name": "",
    "position": "",
    "photoPath": ""
},
"Member2": {
    "name": "",
    "position": "",

    "photoPath": ""
},
"Member3": {
    "name": "",
    "position": "",

    "photoPath": ""
},
"Member4": {
    "name": "",
    "position": "",

    "photoPath": ""
}

}

How would I go about looping through each member for their attributes for use in another object using the map() function?

This is what I have so far: I also just throw in variable into the JSX using brackets

  var List = JSONObj.map((Member) => {
return (
  <MemberComponent
  name={Member.name} 
  </MemberComponent>
  );
});

Edit: Object.values.map() did it! Thanks for your help

Answer 1

对于对象，请使用 Object api。

Object.keys(obj) // returns the list of keys

Object.values(obj) // returns the list of values

Object.entries(obj) // returns the list of entries (a tuple of key and value)

Answer 2

Below should be able to generate the list.

const list  = Object.keys(myObject).map((member) => 
<MemberComponent name={Member.name} </MemberComponent>