mui 数据表对象 null

【问题标题】：mui 数据表对象 null
【发布时间】：2023-03-22 01:30:02
【问题描述】：

升级到最新版本的 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)
        }
      }
    }
  ]

【问题讨论】：

标签： material-ui mui-datatable

【解决方案1】：

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

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

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

来源：MUI Datatables Docs
回答时的版本：3.7.6

【讨论】：