我试图在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
最佳答案
DataTable
不是一个 JS 方法,而是一个 jQuery 插件:https://datatables.net/manual/api 。因此,要使用它,您需要先安装它和 jQuery。
关于JavaScript 'dataTable' 函数在 React 环境中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57951351/