无法读取未定义的属性（读取“mData”）

【问题标题】：Cannot read properties of undefined (reading 'mData')无法读取未定义的属性（读取“mData”）
【发布时间】：2021-11-23 08:11:03
【问题描述】：

我正在使用 React JS 来显示一个可排序和可搜索的 HTML 表格，通常称为 DataTable。我正在从 JSON 数据中获取表的数据。但出现此错误。如果表是硬编码的，则没有错误，但是当表的数据来自 json 使用 JS 的 map 函数时，会出现如下错误： TypeError：无法读取未定义的属性（读取“mData”）有没有办法用 JSON 数据提供的表格数据显示 DataTable？请帮忙....

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

标签： datatable

【解决方案1】：

无法读取数据的原因可能有多种。首先，您可以通过在列中传递引用来检查您是否提供了正确的 json 文件路径以及它是否具有您要显示的数据。其次，确保在 html 中定义的表头计数与 DataTable 中指定的列匹配。此外，请确保您已添加所有 dataTable 依赖项。下面是一个非常简单的示例，它将显示 2 列 - userId 和 userName。

$(document).ready(function(){
        var jsonData = [{"userID":"1","userName":"name1"}, 
        {"userID":"2","userName":"name2"},{"userID":"3","userName":"name3"}];
        $('#example').dataTable({
            data: jsonData,
            columns: [
                { data: 'userID' },
                { data: 'userName' }
            ]
        });
    });

【讨论】：