如何在反应js中映射另一个数组中的数组？答案

【问题标题】：How to map an array which is inside another array in react js?如何在反应js中映射另一个数组中的数组？
【发布时间】：2021-03-14 11:26:40
【问题描述】：

我是新来的反应，我很难找到一种方法来映射数组中的数组以在组件中显示用户名和 id。我怎样才能做到这一点？这是错误的做法吗？

[Array(4)]
        0: Array(4)
            0: {user: "testuser1", id: "2"}
            1: {user: "testuser2", id: "3"}
            2: {user: "testuser3", id: "4"}
            3: {user: "testuser4", id: "5"}
    length: 4
    __proto__: Array(0)
    length: 1
    __proto__: Array(0)

谢谢

【问题讨论】：

您阅读过文档Lists and Keys 吗？它将解释如何将您的数据映射到组件，然后您可以进行渲染。
嗨，我可以毫无问题地映射普通数组，但在这里我发现很难让它工作。 userinfo 是持有这个数组的状态。 userinfo.0 抛出错误。
这个想法是一样的，你只需要一个映射来映射外部数组的内容，然后另一个映射内部数组arr.map(inner => inner.map(obj => <p key={obj.id}>{obj.user}</p>));的内容。要访问数组中的元素，您可以使用userInfo[0]，但不清楚您的（外部）数组是否可以包含多个嵌套数组。使用两个映射将处理这两种情况（0 个或多个嵌套数组）

标签： arrays reactjs rxjs react-router

【解决方案1】：

史前野兽 - 试试这个：

  return(
    <div>
      {Object.keys(data).map((key) => {
         return (
           <div key={key}>
              <h1>{key}</h1>
              {data[key].map((dataItem) => {
                return (
                 <span key={dataItem.user}>{dataItem.id}</span>
                )
               })}
           </div>
         )
       })}
     </div>
   )

【讨论】：