如何解决“react-dnd-html5-backend”不包含默认导出的问题？

Question

我是 React 新手，并尝试模拟此处找到的行拖放代码：https ://react-table-omega.vercel.app/docs/examples/row-dnd

如果我打开沙箱，所有默认代码都可以正常工作。如果我在本地复制粘贴代码，编译时会出现以下错误：

Attempted import error: 'react-dnd-html5-backend' does not contain a default export (imported as 'HTML5Backend')

我使用安装了该库npm install react-dnd-html5-backend --save，并且没有对其进行任何修改。

导入行是：

import HTML5Backend from 'react-dnd-html5-backend'

这是从教程中复制粘贴的。我不明白为什么它会抛出错误，也不明白如何修复它。有什么想法吗？

Answer 1

解决方案似乎是 HTML5Backend 部分需要用大括号括起来{ HTML5Backend }：

import { HTML5Backend } from 'react-dnd-html5-backend'

是正确的

import HTML5Backend from 'react-dnd-html5-backend'

不是。