问题标签 [react-dragula]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1055 浏览

javascript - 仅当文档存在时才导入库(不在服务器上)

我在我的应用程序中使用服务器渲染,并在使用名为react-dragula的 Dragula 库的反应扩展时遇到了一个问题

这里的问题在于

由于某种原因,这种使用document会在服务器端渲染期间导致错误,因为文档不存在,因此我需要一种方法来仅包含它一次document可用,以便我可以开始使用它。

0 投票
1 回答
743 浏览

reactjs - 带反应的 Dragula - 未捕获的类型错误:react_dragula_1.default 不是函数

我正在尝试通过对拖放和查找问题的反应来测试 Dragula。我收到错误消息:

未捕获的类型错误:react_dragula_1.default 不是函数

任何人都遇到过这个问题或解决问题的线索。

0 投票
1 回答
4222 浏览

javascript - 使用 Dragula 拖放,React 版本 (react-dragula) 保存拖动项目的位置

我正在使用 react-dragula ( react-dragula ) 拖放元素。掉落后我应该如何保存物品位置。

0 投票
1 回答
1192 浏览

reactjs - react-dragula中如何将dragula可拖动元素移动到另一个div?

我对 react-dragula 库有问题https://github.com/bevacqua/react-dragula

我可以创建一列可拖动项目,但每列内的项目不能与其他列交换,它们只能在其列内拖动,那么我怎样才能使它们在其他列内可拖动?(提前谢谢)这是我的一列可拖动项目的代码

这是一起查看多列的代码

0 投票
0 回答
501 浏览

reactjs - React-Dragula 库关于实现拖放

我正在实现React-Dragula库,以便在我的项目中进行简单的拖放。根据那里的示例代码,我知道每个元素应该是容器内的 div,但没有得到任何解决方案如何在我的代码中实现这一点。

这是代码-

请让我知道我做错了什么。感谢您提前提供任何帮助。

0 投票
0 回答
728 浏览

javascript - 拖放 (React-Dragula) Reactjs

我正在尝试在 Dragula-react 放置后更新反应组件中的状态。

我反应的接缝无法处理 Dragula 所做的 DOM 更改,我得到“NotFoundError (DOM Exception 8): The object can not be found here”。

如果您只是更改顺序,一切都会按预期进行,但是通过在父母之间移动孩子,您会得到错误。

这是工作示例

这是重要的代码:

谢谢您的帮助!

0 投票
1 回答
992 浏览

reactjs - 如何在放置时使用 Dragula 触发放置事件?

我将 react-dragula 模块与 react 一起使用。出于简单解释的目的,我实际上是在制作一个 trello 克隆。当“AppItem/Card”从一个 Dragula 容器(“阶段”)移动到另一个时,我想触发一个事件来改变它在数据库中的“状态”。

我的问题是我在哪里以及如何在“drop”上触发 dragula.on 事件,文档适用于 vanilla javascript,我不确定如何将其转换为我的 React 组件。我已经尝试在我的构造函数中,在各种组件方法中编写我的 DOM 事件,但无法让另一个工作,甚至无法记录正在发生的事件。

这是我的组件,它们包装了动态呈现的 Dragula 容器

这是列/“阶段”组件本身

0 投票
1 回答
97 浏览

reactjs - React Dragula 包不适用于 React 最新版本?

我正在使用 react 最新版本:16.8.6。我正在尝试整合react-dragula但这不起作用。我正在尝试 react-dragula 文档中提到的相同代码,但这不起作用。

0 投票
0 回答
79 浏览

javascript - drake.on drop 事件未发生反应 dragulla

我正在开发 react js 应用程序并使用react-dragula包进行拖放。我在子组件内使用dragula 容器,但没有发生放置事件。我已经尝试了所有可能的方法,但没有发生 drop 事件。我想通过拖放重新排序我的列表。

这是我的代码。

请建议为什么没有发生 drop 事件?我想通过拖放更新列表项位置。

0 投票
0 回答
150 浏览

javascript - React Dragula 在删除列表项 html 时未呈现

我正在开发 react js 应用程序,我使用“react-dragula”拖放列表项。我在父包装组件中显示子组件 html 的预览。删除一个元素后,我的 html 无法正确呈现。我不知道是因为 Dragula 还是有其他问题。删除列表项后,我将根据元素索引更新列表值并更新状态并重新渲染子组件。但它向我展示了旧的 html,它没有使用父组件返回的更新道具重新渲染子组件的 html。

这是我的代码::

我还尝试删除“”的 innerHTML,然后返回新结构,但在这种情况下,它在 html 中不返回任何内容。请检查一下为什么会出现此问题。