MUIDataTable'customBodyRender'错误

Question

我正在使用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>)
   }
}

感谢您的回答 ！

Answer 1

你必须物品的量相匹配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
            }
        }

    ]