如何添加<tablerow>在for循環和Object.key之間</tablerow>

Question

<表體>

{(() => { 
        var result = []; 
        let key = Object.keys(genericResultList)[1]; 
        var list = genericResultList[key]; 
        for (var i = 0; i < list.length; i++) {    
      ***\<!-- Add in the \<TableRow\> --\>***

        Object.keys(list\[i\]).forEach(key =\> {
        var val = list\[i\]\[key\];
            if (key != 'EDITED' && key != 'CHECKED' && key != 'DELETED' ) {
                result.push(
                    \<TableCell\>{val}\</TableCell\>
                );
            }
        });

    ***\<!-- End of the \<TableRow\> --\>***

    }
    return (result);
})()}

</表體>

如何在 for 循環和 Object.key 之間添加 TableRow

Answer 1

嘗試這樣的事情，

import { TableRow } from '@material-ui/core';

function MyTable(props) {
  const { data } = props;

  const rows = Object.keys(data).map((key) => (
 <TableRow key={key}>
  <TableCell>{key}</TableCell>
  <TableCell>{data[key]}</TableCell>
 </TableRow>
));

return (
<Table>
  <TableBody>{rows}</TableBody>
</Table>
);
}