index.js:1Material-UI:在ForwardRef(TablePagination)中没有实现提供给classes道具的键`selectLabel`
添加以下组件后,新的反应和在控制台中收到相同错误的垃圾邮件。
完整错误:
Material-UI:
selectLabel提供给 classes 道具的键未在 ForwardRef(TablePagination) 中实现。您只能覆盖以下其中一项:root,toolbar,spacer,caption,selectRoot,select,selectIcon,input,menuItem,actions
我selectLabel在我的项目中找不到任何地方。
import React, {useState, useEffect} from 'react'
import {DataGrid} from '@material-ui/data-grid'
const columns = [
{field: '_id', headerName: 'ID'},
{field: 'value', headerName: 'value', width: 300},
{field: 'date', headerName: 'date', width: 600}
]
const ReadoutGrid = () => {
const [tableData, setTableData] = useState([])
useEffect(() => {
fetch("http://127.0.0.1:5000/readouts")
.then((data) => data.json())
.then((data) => setTableData(data))
})
return (
<div style={{height: 700, width: '100%'}}>
<DataGrid
getRowId={(row) => row._id}
rows={tableData}
columns={columns}
pageSize={12}
checkboxSelection
/>
</div>
)
}
export default ReadoutGrid
回答
我也刚碰到这个。原来是由于 MaterialUI Core v4.12.1 的变化,如本期所述:https : //github.com/mui-org/material-ui-x/issues/2106
我的修复是更改我的package.json文件,以便将版本设置为 4.11.4,如下所示:
"dependencies": {
"@material-ui/core": "4.11.4",
"@material-ui/data-grid": "^4.0.0-alpha.32"
},
不过,这应该只是一个临时问题,因为已经有一个 pull request 来修复它。
THE END
二维码