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

Question

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

Answer 1

无法读取数据可能有多种原因。首先，您可以检查您是否提供了 json 文件的正确路径，以及它是否包含您试图通过在列内传递引用来显示的数据。其次，确保 table header 在 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' }
            ]
        });
    });

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

Cannot read properties of undefined (reading 'mData')

datatable