react-dnd

    1热度

    1回答

    我正在构建一个组件,允许用户使用拖放式构建图形。有一个节点,他们可以拖出新的节点,他们可以在画布周围拖动节点等。 现在,我需要允许他们通过从一个节点的输出拖动到下一个节点的输入端。严格地说,这不是拖放操作,因为可拖动的鼠标保持放置状态,而是直接从可拖动和填充光标的下方显示一行,直到最终,当用户在悬停在活动目标上时释放时,边缘完成。 拖放式似乎做几乎我想要的一切。它具有悬停信号,在拖动符合条件的Dr

    1热度

    1回答

    我正在研究一个反应dnd项目,我遵循react-dnd documentation。一切工作正常,但拖动时无法滚动。 我需要一个滚动条,当我拖动一个物品并且已经到达最后一个可压缩的来源时,它会自动滚动并允许我将物品放在那里。 如果有人有任何想法如何做到这一点,那么请与我分享。我会非常感激。

    1热度

    1回答

    我正在构建一个应用程序,需要对一个项目表进行排序,并根据排序顺序更改它们的orderNumber。我安装并使用了一个名为react-dnd的库来处理排序/排序的功能,并且迄今为止它的工作很好。即时通讯的问题是更新。当用户移动其中一个项目时,我需要向api发送一个PUT请求并更新它的orderNumber。昨天晚上工作很好,这是我的代码。 的列表项(项目正在被排序,并更新): import Reac

    0热度

    1回答

    我在我的React网络应用程序有两列。我想要有一个可拖动的材料UI卡列表(在第一列),我想将卡从一列拖到另一列。 Material UI现在不提供内置卡片的内置拖动功能。是否有可能与反应dnd做?如果是,那么如何?

    0热度

    1回答

    我有一个反应组件。我想在组件中使用DragSource和Connect。 export default connect(mapStateToProps, matchDispatchToProps)(ExpandableCard); export default DragSource(Types.CARD, cardSource, collect)(ExpandableCard); 我怎样才能

    2热度

    1回答

    我目前正在为反应中的文件上传和排序构建一个功能。 我已经使用了下面的例子: https://gaearon.github.io/react-dnd/examples-chessboard-tutorial-app.html https://github.com/okonet/react-dropzone https://github.com/gaearon/react-dnd-html5-back

    0热度

    1回答

    我想在我的反应项目中使用反应DnD。在我的渲染方法我定义了一个名为填充像下面显示的变量,它会返回这样 render() { var isDragging = this.props.isDragging; var connectDragSource = this.props.connectDragSource; var Populate = this.props

    0热度

    1回答

    当我渲染这个组件时,没有包装'div'标签,UI工作正常。 Hoop.js return connectDropTarget( <div className="column"> <--works fine if I take this guy out <Card > <Image src={basketball_hoop}/> <C

    0热度

    2回答

    我有一个html表,应该能够重新排列行和列。 重新排序行是相当straight forward但重新排序列是相当困难的,因为一列的单元格不共享相同的父元素。 <table> <tr> <td>Col 1</td> <td>Col 2</td> </tr> <tr> <td>Col 1</td> <td>Col 2</td>

    1热度

    1回答

    你好,我正在关注这个code从这个example做出一个类似的组件。我的组件按照我的预期工作(在拖放时排序正确),但是当我拖动卡片时,不透明度0必须跟随拖动元素才能“感觉”,就像在ReactDnD示例中一样。 见我work 和我的代码 var React = require('react'); var ReactDOM = require('react-dom'); var ReactDnDB