如何动态设置变量的参数？

Question

我需要动态获取.map上的某些列名称，因为我试图做一个可重用的Material Table组件，并且遇到了麻烦。我的.map正确地获取了所有值，但是我无法将col作为参数传递给row，该怎么办？

< TableBody > {
    stableSort(rows, getSorting(order, orderBy))
    .slice(page * rowsPerPage, page * rowsPerPage +
      rowsPerPage)
    .map((row) => {
      return ( <
        TableRow hover >
        {
          colunas.map((cols, index) => ( <
            TableCell > {
              row.cols
            } <
            /TableCell>
          ))
        } <
        /TableRow>
      );
    })
  } <
  /TableBody>

const cols = [{
    id: 'viagem',
    label: 'Viagem'
  },
  {
    id: 'status',
    label: 'Status'
  },
  {
    id: 'periodo',
    label: 'Período'
  },
  {
    id: 'transportador',
    label: 'Transportador'
  },
  {
    id: 'placa',
    label: 'Placa'
  },
  {
    id: 'cteciot',
    label: 'CT-e/CIOT'
  },
  {
    id: 'centro',
    label: 'Centro de custo'
  },
  {
    id: 'valor',
    label: 'Valor'
  }
];

return (
    <div className={classes.container}>
      <p>Página de viagens</p>
      <Grid colunas={cols}></Grid>
    </div>

我需要动态地将cols.id作为行参数。