javascript - index.js :1 Material-UI: The key `selectLabel` provided to the classes prop is not implemented in ForwardRef(TablePagination)

Question

添加以下组件后，新 react 并在控制台中收到相同错误的垃圾邮件。
完全错误:

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

我找不到 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

Answer 1

我也遇到了这个。原来是由于 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"
  },

不过，这应该只是一个暂时的问题，因为已经有一个拉取请求来修复它。