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

Question

我正在使用 React JS 来显示一个可排序和可搜索的 HTML 表，通常称为 DataTable。 我从 JSON 数据中获取表的数据。 但出现此错误。 如果表是硬编码的，则没有错误，但是当表的数据来自 json 时，使用 map function 的 JS 有一个错误（读取类型为 undefined 的方式）用 JSON 数据提供的表格数据显示 DataTable？ 请帮忙....

Answer 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' }
            ]
        });
    });