MUIDataTable'customBodyRender'错误

Question

我正在做一个ReactJS应用程序，使用其他API，我想测试节点包MUI-datatables，以显示一个列表。

但我收到错误：'TypeError：无法读取'undefined'的属性'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
            }
        }

    ]