“react-dnd”不包含名为“DragDropContext”的导出答案

【问题标题】：'react-dnd' does not contain an export named 'DragDropContext'“react-dnd”不包含名为“DragDropContext”的导出
【发布时间】：2019-12-04 08:45:06
【问题描述】：

我尝试在我的 react web 应用程序中使用 react dnd。我创建了一个 js 文件调用withDnDContext.js。当我编译它时，我收到了一个错误'react-dnd' does not contain an export named 'DragDropContext'。我的 react-dnd 版本是最新的 9.3.2

这是我的withDnDContext.js

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

export default DragDropContext(HTML5Backend);

有人知道怎么解决吗？

【问题讨论】：

标签： reactjs drag-and-drop drag react-dnd

【解决方案1】：

如果你使用最新版本的 react dnd，DragDropContext 已经替换为DndContext。请看React-DnD V8

我的顶部组件看起来像这样；

import { React } from 'react';
import { DndProvider } from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';

export default class MyApp {
    render() {
        return (
            <DndProvider backend={HTML5Backend}>
                <MyComp />
            </DndProvider>
        );
    }
}

documentation 或 overview 可能真的很有帮助！

【讨论】：

【解决方案2】：

用花括号包裹 HTML5Backend 为我解决了这个问题。

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

【讨论】：