我正在使用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>)
}
}
感谢您的回答!
答案 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
}
}
]