React.JS：在渲染中打印 object 的 Map

Question

我有一个 object 像：

Family:
  Parent0:
     BirthPlace: "dsa"
     Birthday: "2021-01-04"
     Relationship: "dsa"
     SurnameAndName: "dasdsa"
 Parent1:
     BirthPlace: "dsa"
     Birthday: "2021-01-04"
     Relationship: "dsa"
     SurnameAndName: "dasdsa"

现在我应该为每个家长打印信息。

我试图呈现这样的信息：

          {Object.keys(_Family).map(function(key, index){
            Object.keys(_Family[key]).map(function(key1, index1){
              <p>{_Family[key][key1].SurnameAndName}</p>
            })
          })}

_Family 是我的医生。Family

我如何为每个家长打印信息？

编辑：

       {Object.keys(_Family).map(function(key, index){
        return Object.keys(_Family[key]).map(function(key1, index1){
          return <p>{_Family[key][key1].SurnameAndName}</p>
        })
      })}

Answer 1

您忘记从map return段落。 添加return并让我知道它是否有效。

为每个段落添加一个key道具以删除警告。 也可以尝试这种方法：

 {Object.values(_Family).map((member, index) => (<p key={index}>Full name: {member.SurnameAndName}</p>))}

MDN Object.values() : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values