Arrays 在react中映射对象键并返回子属性

我有一个报告，它映射了对象的数量。在我的示例中，有3个对象数组。我想在每个对象映射时获取其中一个属性的值

以下是我返回报告的代码片段：

return (
    <React.Fragment>
        { Object.keys(result).map((item, i) => (
            <div key={i} className="report">
                    <h3>{result[item].name}</h3>
            </div>
    ))}
    </React.Fragment>
)

上面有3个报告-GK、FB和FW

现在，我想进入每个报告并获得一个值。让我们看看FB：

FB: [ 0:{Number: 1, newNumber:"1", name: "FB" }
      1:{Number: 1, newNumber:"1", name: "FB" }
    ]

我希望确保在检索报告时，

name

属性也映射到我想要获取的任何其他属性

<h3>{result[item].name}</h3>

{result[item].name}

---

我以为上面的内容会检索到这个名字。因此，我得到的结果是3个空白报告。

再次

通过
结果[item]
中的内部元素映射

   return (
        <React.Fragment>
            { Object.keys(result).map((item, i) => (
                <div key={i} className="report">
                       {result[item].map((media,ind) =>
                         <div key={ind}>{media.name}</div>
                      )}
                </div>
        ))}
        </React.Fragment>
    )

返回(
{Object.keys（result.map）（（项，i）=>(
{结果[项目].map（（媒体，索引）=>
{media.name}
)}
))}
)
尝试此代码：以下是指向以下网站上代码的链接：

const arrayvals=[
{编号：1，新编号：“1”，名称：“FB”}，
{编号：3，新编号：“2”，名称：“FB”}，
{编号：7，新编号：“5”，名称：“GK”}，
{编号：8，新编号：“4”，名称：“FW”}
]
函数App（）{
返回(
在react中映射对象键并返回子属性
{Object.entries（arrayvals）.map（（arr）=>{
返回编号为：{arr[1]。编号}| |新编号为：{arr[1]。新编号}| |，值为：{arr[1]。名称}
})}
);
}
您需要使用所获得的
键重新映射
结果

   <React.Fragment>
        {Object.keys(result).map((key, i) => (result[key].map((media, ind) =>
              <div key={ind}>
               <h3>{media.name}</h3>
             </div>
            )
        ))}
      </React.Fragment>


{Object.keys（result）.map（（key，i）=>（result[key].map（（media，ind）=>
{media.name}
)
))}
结果[项目]似乎应该是一个数组，对吗？因此，您还需要映射该数组。结果[项][0]。名称应返回字符串。
const arrayvals = [
   { Number: 1, newNumber: "1", name: "FB" },
    { Number: 3, newNumber: "2", name: "FB" },
     { Number: 7, newNumber: "5", name: "GK" },
      { Number: 8, newNumber: "4", name: "FW" }
]



function App() {
  return (
    <div className="App">
      <h1>Mapping object keys in react and returning child properties
</h1>
    {Object.entries(arrayvals).map((arr)=>{

        return <div>Number is : {arr[1].Number}  || NewNumber is : {arr[1].newNumber} ||  and Value is : {arr[1].name}</div>
    })}
    </div>
  );
}

   <React.Fragment>
        {Object.keys(result).map((key, i) => (result[key].map((media, ind) =>
              <div key={ind}>
               <h3>{media.name}</h3>
             </div>
            )
        ))}
      </React.Fragment>