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