Closed4

React drag and drop ライブラリ選定

TS対応

  • react-beautiful-dnd・・・@types/react-beautiful-dnd installする必要性あり
  • react-dnd・・・対応
  • react-draggable・・・対応

実装を再現可能なものはどれか

実装例

Image from Gyazo

比較

  • react-beautiful-dnd・・・可能の見込みあり
  • react-dnd・・・可能の見込みあり
  • react-draggable・・・あまり記事はヒットしなかったが、できることはできる、でも設定がめんどう?とかという説もある引き続き調べる

参照

npm/react-beautiful-dnd
React DnD/example
React DnDでかんばんボードを作ってみる

今回はdrag and dropでの想定としては同階層でのdrag and dropのみであり
フォームのパーツをドラッグアンドドロップするのだが、eventもあるのでevent内でstateの変更/formの値差し替えを行えば特に問題はなさそう。

ということでreact-beautiful-dndにした。

このスクラップは2ヶ月前にクローズされました
作成者以外のコメントは許可されていません