mui数据表对象为null

问题描述

升级到最新版本的mui-datatables(3.5.0)后,...在访问列数据时不再起作用。 ruleName返回数据,但是AvailabilityMatchCriteria.fareTypeCode不返回数据。如何访问这些数据?

  const rulesColumns: RulesColumnsType[] = [
    {
      name: "ruleName",label: "Name"
    },{
      name: 'availabilityMatchCriteria.fareTypeCode',label: "App Codes",options: {
        customBodyRender: appCodes => {
          console.log('appCode',appCodes)
          formatCriteriaValues(appCodes)
        }
      }
    }
  ]

解决方法

为此,您需要通过向表选项提供非空字符串来启用嵌套数据访问,如下所示:

const options = {
      enableNestedDataAccess: '.',};

该表将使用列名称中提供的值来访问嵌套数据。例如,给定 enableNestedDataAccess 值“。”和“phone.cell”的列名称,该列将使用在 phone:{cell:"555-5555"} 中找到的值。在 this example 中查看 MUI Datatables Docs