React-Table 的导入问题

Posted 2023-03-07

技术标签:

【中文标题】React-Table 的导入问题【英文标题】：Import Issue for React-Table 【发布时间】：2020-04-15 11:27:56 【问题描述】：

我正在使用 react-table 库在 react 中创建一个表。几天前，我使用同一个库创建了一个表并且没有遇到任何问题。但是今天我收到以下错误。

尝试导入错误：“react-table”不包含默认导出（导入为“ReactTable”）。

进口声明： 从 'react-table' 导入 ReactTable；

我从头开始创建了多个新项目并安装了节点模块。

有没有办法解决这个问题？

【问题讨论】：

你能在这里添加更多代码吗？ 【参考方案1】：

您需要使用react-table-6

使用终端或命令提示符使用此命令

> npm i react-table-6 --save

import ReactTable from 'react-table-6';

import 'react-table-6/react-table.css';

现在可以了

【讨论】：

【参考方案2】：

我不知道你使用的是哪个版本的 React Table，但是查看最新版本的代码（here），没有默认导出，也没有ReactTable 导出。

现在好像在使用钩子，所以你应该使用useTable钩子来创建一个最新版本的表（doc here）。

【讨论】：

【参考方案3】：

问题解决了！！！

你必须安装

npm install react-table-6

然后导入

import React, Component from 'react';

import ReactTable from 'react-table-6';

import 'react-table-6/react-table.css';

解决了:) 参考https://www.npmjs.com/package/react-table-6

【讨论】：

【参考方案4】：

您正在以版本 6 的方式执行此操作，并安装更高版本的 react-table。根据此处的评论：React table does not contain a default export，您需要安装 react-table-6 而不是 react-table 并在您的导入中替换它。

【讨论】：

【参考方案5】：

任何在 TypeScript 上遇到此问题的人都安装以下软件包：

npm install @types/react-table

【讨论】：

以上是关于React-Table 的导入问题的主要内容，如果未能解决你的问题，请参考以下文章