json 如何使用map打印一个数组中包含对象的数组react？

pprl5pva 于 2023-01-14 发布在 React

关注(0)|答案(2)|浏览(139)

我有一个函数组件，它接受一个包含对象的数组的数组，但是我不知道如何在render的return函数中访问数据

let dataItems = [
  [
    {
      data1: "1234",
      data2: "ABCD",
      data3: "5678",
      data4: "EFGH",
    },
    {
      data1: "10203040",
      data2: "A1B1C1D1",
      data3: "50607080",
      data4: "EFGH",
    },
    {
      data1: "6789",
      data2: "jklm",
      data3: "1000",
      data4: "EFGH",
    },
    {
      data1: "128",
      data2: "zwxy",
      data3: "5",
      data4: "lmno",
    },
  ],
  [
    {
      data1: "1234",
      data2: "ABCD",
      data3: "5678",
      data4: "EFGH",
    },
    {
      data1: "10203040",
      data2: "A1B1C1D1",
      data3: "50607080",
      data4: "EFGH",
    },
    {
      data1: "6789",
      data2: "jklm",
      data3: "1000",
      data4: "EFGH",
    },
    {
      data1: "128",
      data2: "zwxy",
      data3: "5",
      data4: "lmno",
    },
  ],
];

我试图将数据传递给另一个组件以打印数据，但我不知道如何使用map函数传递未命名数组。
我的准则。

dataItems.map((item, index) => {
  return ( 

{ item.content.map((c, i) =>
   <PrintComponent>
   )
    }

)
   })

我将使用bootstrap 4选项卡以4个元素为一组打印二维矩阵
我试图像这样的二维数组一样显示数据
| 行1|行2|行3|第4行|
| - ------|- ------|- ------|- ------|
| 数据01|数据02|数据03|数据04|
| 数据05|数据06|数据07|数据08|
...

JSON

来源：https://stackoverflow.com/questions/75066071/how-can-i-print-using-map-an-array-of-arrays-with-objects-within-array-react

2条答案

按热度按时间

wwtsj6pe1#

我解决了在Map中制作组件。
使用这些行

dataItems.map((item) => {
return item.map((items) => { console.log("data1", items.data1)});
});

多次提供数据，因此我只包含一次某个切片

dataItems.slice(0, 1).map((item) => {
return item.map((items) => { console.log(items)});
});

赞(0）回复(0）举报 2023-01-14

zxlwwiss2#

为此，您必须使用多个贴图进行数据渲染。

例如：

dataItems.map((item) => {
return item.map((items) => { console.log("data1", items.data1)});
});

赞(0）回复(0）举报 2023-01-14

我来回答

json 如何使用map打印一个数组中包含对象的数组react？

2条答案

相关问题

热门标签

最新问答