reactjs - MUI数据表 'customBodyRender'错误

Question

我正在做一个 ReactJS 应用程序，使用 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

您必须将列 中的项目数量与测试 中的项目数量相匹配。目前，与您的列相比，您的数据中多了两项。例如，以下内容将修复:

    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
            }
        }

    ]