问题标签 [react-dnd]

我只想使用<script>标签从网页中引用 React DnD——这与服务器端业务无关。

有没有缩小版可以下载？

发生某些功能后，我正在尝试在我的反应应用程序中导航。通常我会使用 window.location 来执行此操作，但是，有人告诉我要避免在像我这样的单页应用程序中刷新页面。我正在努力让它离开。

我正在使用 react-router-dom 和react-dnd。由于 react-dnd 历史并没有像往常那样传递下去。

我尝试将 browserHistory 与 react-router 一起使用，但 BrowserRouter 默认情况下不将历史记录作为道具。

如果我必须使用，请window.location告诉我。

我正在尝试创建一个DragDropContext但失败了。

这给...

ReactDOM.render()：无效的组件元素。不要传递像 Foo 这样的类，而是传递 React.createElement(Foo) 或 .

...在控制台中。

我认为装饰一个 React 对象会产生一个新的 React 对象。那么为什么 render 方法不接受这个对象呢？

鉴于以下......

我得到...

警告：React.createElement：类型不应为 null、未定义、布尔值或数字。它应该是一个字符串（对于 DOM 元素）或一个 ReactClass（对于复合组件）。检查 DragDropContext(Component).

和...

未捕获的错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象。检查渲染方法 DragDropContext(Component)

警告中提到的 null 似乎是以下生成代码的结果...

我该如何解决？

Javascript什么时候变得如此复杂了？

图书馆是基本...

我的项目是可拖动的，但在 Chrome 中，例如，它们有一个奇怪的不透明度渐变过滤器和附加的禁止进入指针。

为什么项目看起来不像被拖动之前的项目？

顺便说一句，它只在 Windows Chrome 上执行此操作，而不在 Mac Chrome 上执行此操作。在 Mac Chrome 上，只有轻微的不透明效果。

Microsoft Edge 没有渐变效果，但它确实在拖动的项目上显示了一个禁止进入的图标。

我会附上一些屏幕截图，但我无法在拖动项目时弄清楚如何做。

我正在浏览react-dnd. 我以前从未使用过的东西是使用 ES6 语法将道具传递给 HOC 函数。

如何使用 ES6 语法实现这一点？当我将它作为这样的参数传递时，我会得到未定义的道具。

我正在使用库实现拖放机制react-dnd，但我发现很难设置放置目标的样式。我想向用户显示可以放置哪个放置目标，但使用isOverandcanDrop只会设置当前悬停在其上的项目的样式。
如果我使用该!isOver值，则所有 div 都将被设置样式，甚至无需拖动任何元素。
如何仅在拖动元素时设置放置目标的样式？
到目前为止，这是我的代码，用于@DropTarget：

有没有办法isDragging在页面上拖动元素时获取值，因为这是获得我想要的唯一可能性。
谢谢！

我有一个类型的 dragSource，我们称之为它Card，还有一个 dropTarget Stacks。有很多叠，但不能将每张牌都丢给所有叠。所以在Stack'scanDrop方法中，我得到了Card被拖动，运行一些比较并返回该卡是否可以被丢弃。

所以，一切都很好，直到这里。当用户尝试将 aCard放到错误Stack时，canDrop返回 false 并且没有任何反应。

我现在的问题是，当放置操作失败时，我想显示一条消息，例如“由于某些原因，您不能在此处放置此卡”。我该怎么做react-dnd？我不能使用 的结果canDrop，因为下降从未发生过，所以没有处理？我可以将canDrop逻辑移动到将卡片移动到所需的函数中Stack，但随后react-dnd只会指定 aCard可以放在 a 上Stack，并且如果卡片可以放在某个堆栈上的所有逻辑将由我的代码处理.

这个对吗？有没有其他方法可以使用我没有看到的库来做到这一点？什么是一个好的方法？

网上有很多使用 Babel 语法的例子，我试过了，但大部分都与 Typescript 2.1 不兼容

最近，我使用的项目是 lib react-dnd。我遇到了这个错误，所以请帮助我。

BUG：删除组件的顶部和底部。

描述：在基地我有 5 个拖动源，2 个放置目标。当 base 没有组件时，组件将与顶部 n 底部的 2 个 droptargest 一起渲染。=> 当用户使用鼠标悬停到上下 2 个 droptargets 时，drop 将处于这种情况。一种树视图

麻烦; 悬停不能解除下面的子droptargets（目标基地仍然在顶部），所以我不能放下它

为了更清楚，检查所附照片非常感谢您抽出时间和考虑。

如果我在如何在 StackOverFlow 上发布问题的规则出错，请告诉我。

在此处输入图像描述