Question

我试图在我的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);

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

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可能真的很有帮助！

Answer 2

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

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

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

2 个答案: