如何使用 map 打印数组，数组中的对象反应在数组中？

Question

我有一个功能组件，它接受一个带有对象的数组，但我不知道如何在渲染的返回函数中访问数据

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 个元素块中的二维矩阵

Answer 1

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

例如：

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