react拖拽元件調研

tangtang_coding_03發表於2020-12-15
React元件

近期在研究react的拖拽外掛，特此記錄一下：

1. react-dnd

個人覺得優勢如下：

    可擴充套件性強，拖拽位置路徑，全部可以自定義

    缺點：包過大，太重；不適用於簡單的一些元素拖拽，感覺更適合用於大場景下多元素拖拽排序等待

2. React-Grid-Layout

一種對元素進行類似於網格佈局後，拖拽修改其transform的拖拽元件

主要有兩種：

GridLayout： 需要定義寬度

ResponsiveGridLayout： 響應式佈局，不需要定義寬度

屬於輕量級拖拽元件

優勢：

     使用簡單，封裝性強

缺點：

   間距，拖拽位置和路徑都是元件內部維護狀態，不可自定義拖拽位置以及路徑。個人感覺簡單拖拽場景更適合用。

   

 

 

相關文章