尝试导入错误：“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 { }之间列出您需要的内容。