react-dnd

0熱度

1回答

我想實現一個簡單的拖放預覽覆蓋缺省瀏覽器行爲正確的模式，但我似乎無法找到正確的模式，和文檔是指一個簡單的沒有解釋圖層如何工作的大背景。下面是一些代碼：不工作目前 - 不知道如何鏈接它，這樣的預覽拖動的項目顯示[項目]，而不是其他項目。我如何製作這個鏈接？我在這裏錯過了什麼？ import React, { Component } from 'react'; import { DragDropC

0熱度

1回答

Redux動作沒有與反應-DEND一起移動

我對React和Redux非常新，對react-dnd非常新穎，我想我在這裏做了一些非常不正確的事情。雖然還有其他類似的帖子，但我無法在其中找到解決方案。我正在研究看板應用程序，它基於https://survivejs.com/react/implementing-kanban/drag-and-drop/找到的應用程序，雖然該版本使用Alt.js，而我正在使用Redux。問題：拖動組件時，會

0熱度

2回答

如何將裝飾語法轉換爲ES6？

我想了解some code反應寫在ESnext（裝飾）。我知道如何裝飾從ESnext轉換器ES6語法 // ESnext function collect(connect, monitor) { return { connectDragSource: connect.dragSource(), isDragging: monitor.isDragging()

0熱度

1回答

React DND - 在拖放事件後無法添加新項目到狀態

我正在使用ReactDND的簡單版本，然後將此代碼實施到我的圖像上傳程序中。每次添加圖像時，它都會添加到狀態並傳遞給ReactDND，以便它可拖動並可放下（以便用戶可以重新排列圖像）。一切都很好，除了一件事。我遇到的問題是在添加多個圖像後，一旦我拖放和圖像（工作），狀態不再更新ReactDND，我不能添加新圖像。這裏是下方（注意：我只是用一個按鈕來添加額外的項目狀態）我的代碼：主要成分：

0熱度

1回答

如何訪問DragSource規範中的組件狀態

我有一個組件可以維護一個狀態中的對象列表。我打算讓這個組件成爲一個Drag Source。當Drag事件開始時，我希望拖動組件狀態中的對象列表。問題是Drag Source Spec對象的方法beginDrag將組件的prop作爲參數。這意味着可以拖動的對象必須從道具派生。 draggedItemSpec { beginDrag(props, monitor, connect)

0熱度

1回答

如何將react-dnd整合到admin-on-rest？

有沒有人試圖將react-dnd或其他lib集成到管理員休息？我想讓datagrid在referencearrayfield內拖動。我應該寫我自己的組件重寫數據網格還是有一個簡單的方法來做到這一點？謝謝！

0熱度

1回答

爲什麼在兩個列的react-dnd簡單排序示例中，拖動prop是錯誤的？

將卡從一列拖動到另一列時，isDragging prop始終爲false。爲什麼？這個例子有什麼不對？例子：https://react-wdpn5f.stackblitz.io 代碼：https://stackblitz.com/edit/react-wdpn5f

1熱度

2回答

React.js - Array.unshift（）沒有更新前端陣列

我有一個小的執行拖放使用react-dnd。有兩列，從右欄拖動到左欄激活特定的狀態項。在放置時，pushCard()被調用，其（如其名稱所示）將拖動的項目推入激活狀態的陣列，即status_data。但問題是，status_data.push(itemToPush)，在陣列的末尾推新項目。我想推動數組頂部的項目，即數組的索引0。 status_data.unshift(itemToPush)在

0熱度

1回答

反應，和/ DND：使一個組件拖動和投擲的同時

有多種元素，我想拖動和投擲的在同一時間 - 使用react dnd。這意味着我需要拖動其中一個元素並將其放到另一個元素上。首先，我定義爲MyComponent的DragSource。這工作到目前爲止。但我該如何設置相同組件的DropTarget？ import React, { Component } from 'react' import { DragSource, DropTarget

0熱度

1回答

React拖放當前組件上下文

任何人曾與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