Materials UI DataGrid抛出js错误，并且不显示数据

Question

我正在尝试从材质UI中实现DataGrid的基本实现。我正在复制他们的例子，但我一直得到这些JS错误

Failed prop type: Invalid prop 'modifiers' of type 'array' supplied to 'ForwardRef(Popper)', expected 'object'
Material-UI: The key `selectLabel` provided to the classes prop is not implemented in ForwardRef(TablePagination).
You can only override one of the following: root,toolbar,spacer,caption,selectRoot,select,selectIcon,input,menuItem,actions.

这是我的代码

import React from 'react';
import { DataGrid, GridRowsProp, GridColDef } from '@material-ui/data-grid';
function BudgetDataGrid() {
const rows: GridRowsProp = [
{ id: 1, col1: 'Hello', col2: 'World' },
{ id: 2, col1: 'XGrid', col2: 'is Awesome' },
{ id: 3, col1: 'Material-UI', col2: 'is Amazing' },
];
const columns: GridColDef[] = [
{ field: 'col1', headerName: 'Column 1', width: 150 },
{ field: 'col2', headerName: 'Column 2', width: 150 },
];

return (
<DataGrid columns={columns} rows = {rows} /> 
);

}
export default BudgetDataGrid;

如有任何帮助，我们将不胜感激。

Answer 1

虽然很烦人，但这些确实是警告，但出于某种原因，他们喜欢使用console.error()和console.warn()。

PropTypes用于类型检查，并在其中一个组件内部使用。他们正在转发道具，但发送了错误类型的数据。这是他们的错误。你可能应该读一下道具类型。https://www.npmjs.com/package/prop-types

至于select-label错误，它正在发送一个密钥，但无法覆盖。再说一遍，他们的错误。