寫了一個簡樸、天真的React標籤組件

近來的項目里須要完成一個標籤組件，內部標籤可恣意拖動排序。網上搜了一圈發明險些沒有現成的基於react的組件能很好的滿足需求。

較為著名的是
react-dnd，但是它好像只支撐把一個元素移到牢固的位置，我須要的是一個標籤能夠挪動到恣意位置的兩個標籤之間（每一個標籤長度不牢固，所以沒有牢固的位置）

滿足上述需求的是
react-tags，但該組件很不天真，想要修正款式、對標籤舉行一些分外操縱很不輕易，標籤內部必需是筆墨而不能是恣意元素，且不支撐“跨地區拖拽”（見下文第二張gif圖）

因而我就痛快自身寫了一個，我把它叫做：

React Draggable Tags

它很好用，最短只需幾行代碼；又很天真，你能夠舉行增加、修正、刪除、排序等操縱，能夠在一個標籤里放任何東西，能夠設置任何你想要的款式（該組件自身並不包括款式）。

而且，它不僅僅是標籤組件，假如你做web項目時須要完成相似的拖拽功用，都能夠用它！

我以為我能夠說它是現在最好的同類組件。（固然有無bug不好說，還須要人人配合測試完美，有題目迎接給我提issue）

文檔和demo地點見：https://github.com/YGYOOO/rea&＃8230; （趁便求star XD）

現已支撐手機端

裝置

npm install react-draggable-tags --save

示例：
拖動、增加、刪除等基礎操縱：

“跨地區“拖拽：

在一個標籤里能夠放任何東西，以至。。。放一堆標籤，以完成多層標籤：

你險些能夠對這些標籤做任何你想做的事，比如對它們舉行排序：