在 Datagrid 行 select 上传递 selected 行详细信息

Question

我无法获取所选行的详细信息，而是获取了所有值。

   <DataGrid
        justifyContent="end"
        rows={rows}
        columns={columns}
        pageSize={pageSize}
        onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}
        rowsPerPageOptions={[10, 20]}
        disableSelectionOnClick={true}
        onRowClick={onRowSelect(rows)}
      />

const onRowSelect = (event) => {
  console.log("on row click", event);
};

Answer 1

您需要将函数传递给 onRowClick，而不是用所有值调用它。

onRowClick={onRowSelect}

在 Mui Docs

中阅读有关行数据的更多信息

在 Datagrid 行 select 上传递 selected 行详细信息

Pass a selected row details on Datagrid row select

datagrid

reactjs

material-ui