我正在使用 react 和 material-table 包。我注意到从第三次渲染开始我的速度变慢了,我不知道如何解决它。这是我的代码:
<Table
columns={tableColumnSettings}
data={tableData}
exportFileName="log-table"
rowLabel="logs"
exportTableData={!user.restricted}
extRows
extSelectedRow={selectedRow}
onRowSelection={rowSelectionHandler}
/>
然后在表格组件中:
const Table = (props) => {
const classes = useStyles();
const {
data,
columns,
rowLabel,
exportFileName,
extSelectedRow,
extRows,
exportTableData,
} = props;
useEffect(() => {
}, [data, columns, rowLabel, extSelectedRow, extRows]);
在这个组件中,我称之为材料表:
<MaterialTable
title={title || <Typography variant="body2" style={{ color: 'rgba(0, 0, 0, 0.54)' }}>{`ROWS: ${ data ? data.length : 0 }`}</Typography>}
columns={columnsState}
data={data}
options={{...}}
onRowClick={(evt, selRow) => selectHandler(selRow.tableData.id)}
/>
我得到这个错误:SBOX_FATAL_MEMORY_EXCEEDED