23. 未设置 DataTables 库（React）

在为 DataTables (datatables.net-react) 使用 React 组件时，您必须指定该组件所使用的 DataTables 库。如果不执行此操作，当加载组件时，会发生一个错误。

未设置 DataTables 库

将显示在加载组件时。

含义

DataTables 提供了各种扩展功能，为核心程序包添加功能，还支持多种不同的样式库。为了让 React 组件可以与任何扩展功能和样式框架的组合搭配使用，您必须将 DataTables 导入到您正在使用的上下文中，然后将结果库分配到 React 组件。

例如，最简单的用例是

import DataTable from 'datatables.net-react'
import DT from 'datatables.net';
 
DataTable.use(DT);

要与像选择这样的扩展功能一起使用，请使用

import DataTable from 'datatables.net-react'
import DT from 'datatables.net';
import 'datatables.net-select';
 
DataTable.use(DT);

并使用 Bootstrap 5 样式框架（请注意，添加到 DataTables 核心和选择程序包的 -bs5）

import DataTable from 'datatables.net-react'
import DT from 'datatables.net-bs5';
import 'datatables.net-select-bs5';
 
DataTable.use(DT);

解决方法

要解决此错误，确保通过 .use() 方法将 DataTables 库分配给 React 组件。