时间戳

首页 > 解决方案 > “react-dnd”不包含名为“DragDropContext”的导出

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

问题描述

我尝试在我的反应网络应用程序中使用反应 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);

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

标签： reactjsdrag-and-dropdragreact-dnd

解决方案

如果你使用最新版本的 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>
        );
    }
}

文档或概述可能真的很有帮助！

推荐阅读