嘗試導入錯誤：“react-table”不包含默認導出（導入為“ReactTable”）

Question

反應表導入錯誤

代碼導入樣式如下：

import ReactTable from 'react-table'
import 'react-table/react-table.css'

在運行時，它顯示這樣的錯誤消息

嘗試導入錯誤：“react-table”不包含默認導出（作為“ReactTable”導入）。

現在做什么？

Answer 1

新版本的 react-table 支持/使用鈎子。 導入 react-table 像import ReactTable from 'react-table'使用react-table-6 ，它是react-table版本6.11.0

安裝

# Yarn 
$ yarn add react-table-v6

# NPM 
$ npm install react-table-v6

進口

// ES6
import ReactTable from 'react-table-v6'
// ES5
var ReactTable = require('react-table-v6').default

或使用最新版本7.0.0-rc.15

import {
 useTable,
 useGroupBy,
 useFilters,
 useSortBy,
 useExpanded,
 usePagination,

} from 'react-table'

Answer 2

錯誤說沒有像ReactTable這樣的命名默認導出。 您可能需要以不同方式導入對象。

也許你可以嘗試如下：

import * as ReactTable from 'react-table'

此外，我檢查了官方 npmjs 頁面上的react-table ，我看到有如下示例：

import { useTable, useFilters, useGlobalFilter } from 'react-table';

我想您可能只想使用庫中的一些特定內容，因此我建議只導入所需的功能，例如import { } from 'react-table' where { }之間列出您需要的內容。