尝试导入错误：“反应表”不包含默认导出（导入为“ ReactTable”）

Question

反应表导入错误

下面的代码导入样式：

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

其运行时，显示如下错误消息

尝试导入错误：“反应表”不包含默认导出（作为“反应表”导入）。

现在该怎么办？

Answer 1

新版本的react-table支持/使用钩子。要导入像import ReactTable from 'react-table'这样的表，请使用react-table版本6.11.0

的react-table-6

安装

# 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'

另外，我在official npmjs page上检查了反应表，我看到了类似以下的示例：

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

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