时间戳

首页 > 解决方案 > index.js:1 Material-UI：提供给 classes 属性的键 `selectLabel` 未在 ForwardRef(TablePagination) 中实现

javascript - index.js:1 Material-UI：提供给 classes 属性的键 `selectLabel` 未在 ForwardRef(TablePagination) 中实现

问题描述

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

完全错误：

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

标签： javascriptreactjs

解决方案

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

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

推荐阅读