react-dnd相关内容

Ant Design Input/React DND - 使用 react-dnd 时无法在 Ant Design Input 内移动文本指针

我正在处理一个项目,其中有一个 Ant 设计表,其中包含输入字段行.这些行可移动/可拖动.我正在使用 react-dnd 来实现这一点. 我面临的问题是在使用 Firefox 浏览器时,我无法在输入字段中移动文本光标/指针,而在使用任何其他浏览器时我可以. 我知道并理解很难在 Input 中选择文本,因为它会导致行移动.我已经找到了解决方法,尽管这不是我真正的问题. 这是演示项目 ..
发布时间:2021-11-11 03:30:01 其他开发

Ant Design Input/React DND-使用react-dnd时无法在Ant Design Input中移动文本指针

我正在一个项目中,我有一个蚂蚁设计表,其中包含输入字段的行.这些行和可移动/可拖动.我正在使用react-dnd来实现这一目标. 我面临的问题是使用Firefox浏览器时,使用其他浏览器时,我无法在“输入"字段中移动文本光标/指针. 我知道并理解,很难在Input中选择文本,因为它将导致行移动.我已经找到了解决方法,即使那不是我真正的问题. 这里是演示项目的链接: https:/ ..
发布时间:2021-04-07 20:25:22 其他开发

ReactDnD:“不变违规:addComponentAsRefTo"错误

StackOverflow的朋友们, 我正在尝试在React-Rails应用程序中实现拖放功能.但是,将DragDropContext添加到顶层组件后,立即在浏览器控制台中看到此错误: 'react.self-0f0e88a .... js?body = 1:1087未捕获的错误:始终违规:addComponentAsRefTo(...):只有ReactOwner可以具有引用.您可能正 ..
发布时间:2020-07-05 06:19:10 其他开发

在拖动项目时将鼠标悬停在某物上时会反应DnD make dropTargets

我正在尝试执行以下操作: 方案1:用户将列表1从左侧拖放到右侧. 场景2:同样,用户将列表2拖动到右侧,当该拖动项在列表1上悬停时,必须显示放置区域以将列表2的项目放置在此处. 最后,列表1和列表2都将放置在左侧和右侧. 使用React Dnd,这可以实现吗?我试过了,仅在拖动时才起作用. https://stackblitz.com/edit/react-pctpdh ..
发布时间:2020-07-05 06:18:51 其他开发

React/Dnd:同时使组件可拖放

有多个元素,我想同时使用react dnd使其可拖放. 这意味着我需要将其中一个元素拖放到另一个元素上. 首先,我为MyComponent定义了dragSource.到目前为止有效. 但是我该如何为同一组件设置DropTarget? import React, { Component } from 'react' import { DragSource, DropTarget } fr ..
发布时间:2020-07-05 06:17:44 前端开发

如何在样式化组件中使用React DnD?

将样式化的组件包装在connectDragSource中时,出现以下错误: 未捕获的错误:现在只能将本机元素节点传递给React DnD连接器.您可以将PaneItemText__StyledItem包装到 ,或将其本身变成拖动源或放置目标. 此消息的第一个建议是将样式化的组件包装在 中,但这会弄乱我的布局,并且不希望这样做. 我不确定第二个选项的含义-有人能澄清吗? ..
发布时间:2020-07-05 06:17:41 其他开发

React DnD:避免使用findDOMNode

我不完全了解它,但显然这是'建议使用findDOMNode(). 我正在尝试创建拖放组件,但是不确定如何从组件变量访问引用.这是我目前拥有的一个例子: const cardTarget = { hover(props, monitor, component) { ... // Determine rectangle on screen ..
发布时间:2020-07-05 06:17:37 其他开发