react-dnd 普通拖拽

展示拖拽源、放置目标、自定义拖拽预览和目标状态反馈。

交互演示 React

亲手试一试，更容易理解。

在当前页面运行 react-dnd 普通拖拽的交互示例。

交互指南

点击本页的“运行演示”，或在独立窗口中体验示例。也可在 src 下的页面中直接挂载现有演示：

tsx

import Example from "./third-party-lib/react-dnd/react-dnd-1/Page";

export default function ExamplePage() {
  return <Example />;
}

HTML5Backend 主要面向桌面拖拽；触摸支持需另行配置后端。拖拽类型必须与目标 accept 匹配。