23. 未設定 DataTables 函式庫 (React)

當使用 DataTables 的 React 元件（datatables.net-react）時，您必須指定元件要使用的 DataTables 函式庫。如果沒有這樣做，則在載入元件時會發生以下錯誤：

未設定 DataTables 函式庫

將會發生在元件載入時。

意義

DataTables 提供了廣泛的擴充功能，以增加核心套件的功能，並支援許多不同的樣式函式庫。為了讓 React 元件能夠與擴充功能和樣式框架的任何組合一起使用，您必須將 DataTables 匯入到您正在使用的上下文中，然後將產生的函式庫指派給 React 元件。

例如，最簡單的使用案例是：

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

若要與像是 Select 的擴充功能一起使用，請使用：

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

以及 Bootstrap 5 樣式框架 (請注意 DataTables 核心和 Select 套件中新增的 -bs5)：

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

若要解決此錯誤，請確保透過 .use() 方法將 DataTables 函式庫指派給 React 元件。