Attempted import error: 'react-table' does not contain a default export (imported as 'ReactTable')

Question

React Table 导入错误

代码导入样式如下：

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

虽然它运行，但它显示的错误消息是这样的

Attempted import error: 'react-table' does not contain a default export (imported as 'ReactTable').

现在怎么办？

Answer 1

该错误指出没有像 ReactTable 这样的命名默认导出。您可能需要以不同方式导入对象。

也许您可以尝试以下方法：

import * as ReactTable from 'react-table'

此外，我在 official npmjs page 上检查了 react-table，我看到有如下示例：

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

我想您可能只想使用库中的一些特定内容，因此我建议只导入所需的功能，例如 import { } from 'react-table'，在 { } 之间列出您需要的功能。

Answer 2

新版本的react-table supports/uses hooks。像 import ReactTable from 'react-table' 一样导入 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'

javascript