如何将数据从数组插入到表中？

【问题标题】：How to insert data from array to table?如何将数据从数组插入到表中？
【发布时间】：2022-06-16 01:20:48
【问题描述】：

请帮忙，现在我刚刚熟悉 React，我有这样一个任务，即使用 Material UI 在 React 中制作一个表格，以便从数组中获取数据

{
  Kyivska: {
    G: {
      2017: {
        XX: {
          value: 150000,
          dateRelease: "2017-12-31",
        },
        YY: {
          value: 100000,
          dateRelease: "2017-12-31",
        },
        ZZ: {
          value: 77,
          dateRelease: "2017-12-31",
        },
      },
      2018: {
        XX: {
          value: 160000,
          dateRelease: "2018-12-31",
        },
        YY: {
          value: 110000,
          dateRelease: "2018-12-31",
        },
        ZZ: {
          value: 72,
          dateRelease: "2018-12-31",
        },
      },
      2019: {
        XX: {
          value: 130000,
          dateRelease: "2019-12-31",
        },
        YY: {
          value: 85000,
          dateRelease: "2019-12-31",
        },
        ZZ: {
          value: 72,
          dateRelease: "2019-12-31",
        },
      },
    },
  },
};

示例 Table

我是这样设计的

<TableCell align="center" > {array[0].Kyivska.G[2017].XX.value}</TableCell>
              <TableCell align="center" > {array[0].Kyivska.G[2017].YY.value}</TableCell>
              <TableCell align="center" > {array[0].Kyivska.G[2017].ZZ.value}</TableCell>
              <TableCell align="center" > {array[0].Kyivska.G[2018].XX.value}</TableCell>
              <TableCell align="center" > {array[0].Kyivska.G[2018].YY.value}</TableCell>
              <TableCell align="center" > {array[0].Kyivska.G[2018].ZZ.value}</TableCell>
              <TableCell align="center" > {array[0].Kyivska.G[2019].XX.value}</TableCell>
              <TableCell align="center" > {array[0].Kyivska.G[2019].YY.value}</TableCell>
              <TableCell align="center" > {array[0].Kyivska.G[2019].ZZ.value}</TableCell>
            </TableRow>

请告诉我如何删除此重复代码

【问题讨论】：

• 欢迎来到Stack Overflow！请拨打tour，访问help center 并阅读asking good questions。在做了一些研究和searching 了解 SO 的相关主题之后，自己尝试一下。如果您遇到困难，请发布您的尝试minimal reproducible example，并准确记下您卡在哪里。人们会很乐意提供帮助。

标签： javascript reactjs material-ui frontend