reactjs - “react-dnd”不包含名为 'DragDropContext' 的导出

Question

我尝试在我的 React Web 应用程序中使用 React dnd。我创建了一个名为 withDnDContext.js 的 js 文件。当我编译它时，我收到错误'react-dnd'不包含名为'DragDropContext'的导出。我的react-dnd版本是最新的9.3.2

这是我的withDnDContext.js

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

export default DragDropContext(HTML5Backend);

有人知道如何解决这个问题吗？

Answer 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真的很有帮助!