react-dnd

    0热度

    2回答

    我想了解some code反应写在ESnext(装饰)。 我知道如何装饰从ESnext转换器ES6语法 // ESnext function collect(connect, monitor) { return { connectDragSource: connect.dragSource(), isDragging: monitor.isDragging()

    0热度

    1回答

    我有一个组件可以维护一个状态中的对象列表。我打算让这个组件成为一个Drag Source。当Drag事件开始时,我希望拖动组件状态中的对象列表。 问题是Drag Source Spec对象的方法beginDrag将组件的prop作为参数。这意味着可以拖动的对象必须从道具派生。 draggedItemSpec { beginDrag(props, monitor, connect)

    0热度

    1回答

    有没有人试图将react-dnd或其他lib集成到管理员休息? 我想让datagrid在referencearrayfield内拖动。 我应该写我自己的组件重写数据网格还是有一个简单的方法来做到这一点? 谢谢!

    0热度

    1回答

    将卡从一列拖动到另一列时,isDragging prop始终为false。为什么?这个例子有什么不对? 例子:https://react-wdpn5f.stackblitz.io 代码:https://stackblitz.com/edit/react-wdpn5f

    0热度

    1回答

    有多种元素,我想拖动和投掷的在同一时间 - 使用react dnd。 这意味着我需要拖动其中一个元素并将其放到另一个元素上。 首先,我定义为MyComponent的DragSource。这工作到目前为止。 但我该如何设置相同组件的DropTarget? import React, { Component } from 'react' import { DragSource, DropTarget

    0热度

    1回答

    任何人曾与React拖动&拖放,需要帮助! 在此示例中(https://github.com/react-dnd/react-dnd/blob/master/examples/01%20Dustbin/Multiple%20Targets/Dustbin.js#L20)在第20行,有props.onDrop(monitor.getItem());这个代码,其中通过props传递到部件Dustbin

    0热度

    1回答

    我想实现一个简单的拖放预览覆盖缺省浏览器行为正确的模式,但我似乎无法找到正确的模式,和文档是指一个简单的没有解释图层如何工作的大背景。 下面是一些代码:不工作目前 - 不知道如何链接它,这样的预览拖动的项目显示[项目],而不是其他项目。我如何制作这个链接?我在这里错过了什么? import React, { Component } from 'react'; import { DragDropC

    0热度

    1回答

    我对React和Redux非常新,对react-dnd非常新颖,我想我在这里做了一些非常不正确的事情。虽然还有其他类似的帖子,但我无法在其中找到解决方案。 我正在研究看板应用程序,它基于https://survivejs.com/react/implementing-kanban/drag-and-drop/找到的应用程序,虽然该版本使用Alt.js,而我正在使用Redux。 问题:拖动组件时,会

    0热度

    1回答

    我正在使用ReactDND的简单版本,然后将此代码实施到我的图像上传程序中。 每次添加图像时,它都会添加到状态并传递给ReactDND,以便它可拖动并可放下(以便用户可以重新排列图像)。 一切都很好,除了一件事。我遇到的问题是在添加多个图像后,一旦我拖放和图像(工作),状态不再更新ReactDND,我不能添加新图像。 这里是下方(注意:我只是用一个按钮来添加额外的项目状态)我的代码: 主要成分:

    1热度

    2回答

    我有一个小的执行拖放使用react-dnd。有两列,从右栏拖动到左栏激活特定的状态项。 在放置时,pushCard()被调用,其(如其名称所示)将拖动的项目推入激活状态的阵列,即status_data。 但问题是,status_data.push(itemToPush),在阵列的末尾推新项目。我想推动数组顶部的项目,即数组的索引0。 status_data.unshift(itemToPush)在