JavaScript 'dataTable' 函数在 React 环境中不起作用

Question

我试图在react环境中使用javaScript的dataTable插件，但是当我尝试实现它的语法时-

$('#example').DataTable( {
       data: dataSet,
       columns: [
           { title: "Name" },
           { title: "Position" },
           { title: "Office" },
           { title: "Extn." },
           { title: "Start date" },
           { title: "Salary" }
       ]
   } );

在 componentDidMount() 方法内部。

    componentDidMount() {
    $('#example').DataTable( {
            data: dataSet,
            columns: [
                { title: "Name" },
                { title: "Position" },
                { title: "Office" },
                { title: "Extn." },
                { title: "Start date" },
                { title: "Salary" }
            ]
        } );
    }

面临以下错误:

{TypeError: jquery__WEBPACK_IMPORTED_MODULE_12__(...).dataTable is not a function

Answer 1

DataTable 不是一个 JS 方法，而是一个 jQuery 插件:https://datatables.net/manual/api 。因此，要使用它，您需要先安装它和 jQuery。