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 来修复它。


以上是index.js:1Material-UI:在ForwardRef(TablePagination)中没有实现提供给classes道具的键`selectLabel`的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>