MUIDataTable'customBodyRender'错误

时间:2018-08-02 09:00:38

标签: reactjs material-ui

我正在使用React API应用程序,并使用rest API,并且我想测试节点包MUI-datatables以显示列表。

但是我收到错误消息:'TypeError:无法读取未定义的属性'customBodyRender''

这是我的代码:

render() {
   const columns = ["URL", "Modele"];
   const test = [
     ["Joe James", "Test Corp", "Yonkers", "NY"]
   ];
   const options = {
     filterType: 'checkbox',
   };
   return (
      <div>
         <MUIDataTable title={"Offree"} data={test} columns={columns} options={options}/>
   </div>)
   }
}

感谢您的回答!

1 个答案:

答案 0 :(得分:5)

您必须将columns中的项目数量与test中的项目数量进行匹配。当前,与列相比,您的数据中还有两个项目。例如,将解决以下问题:

    const columns = ["URL", "Modele", "thirdColumn", "fourthColumn"];

如果您不想显示第三列和第四列,则可以在列选项中设置display: false

const columns = [
        {
            name: "URL",
            options: {
                display: true
            }
        },
        {
            name: "Modele",
            options: {
                display: true
            }
        },
        {
            name: "thirdColumn",
            options: {
                display: false
            }
        },
        {
            name: "fourthColumn",
            options: {
                display: false
            }
        }

    ]