获取数据网格中行中的所有单元格数据

import React from 'react';
import { DataGrid } from '@mui/x-data-grid';

const columns = [
  { field: 'id', headerName: 'ID', width: 70 },
  { field: 'name', headerName: 'Name', width: 130 },
  { field: 'age', headerName: 'Age', width: 90 },
  { field: 'email', headerName: 'Email', width: 200 },
];

const rows = [
  { id: 1, name: 'John Doe', age: 25, email: 'john.doe@example.com' },
  { id: 2, name: 'Jane Smith', age: 32, email: 'jane.smith@example.com' },
  // more rows...
];

const MyDataGrid = () => {
  const handleGetCellData = () => {
    const cellData = [];
    rows.forEach((row) => {
      columns.forEach((column) => {
        cellData.push(row[column.field]);
      });
    });
    console.log(cellData);
  };

  return (
    <div style={{ height: 400, width: '100%' }}>
      <DataGrid
        rows={rows}
        columns={columns}
        pageSize={5}
        checkboxSelection
        disableSelectionOnClick
      />
      <button onClick={handleGetCellData}>Get Cell Data</button>
    </div>
  );
};

export default MyDataGrid;