[解決済み] マテリアルUIカードのドラッグ＆ドロップ方法

質問

Material UI Cardsの並び順をドラッグ＆ドロップで変更することは可能ですか？可能な場合、その方法は？ https://material-ui.com/components/cards/

解決方法は？

Material UI Cards/の並び順をドラッグ＆ドロップで変更することは可能ですか？

はい。

どのように

を使用することができます。 react-dnd または react-beautiful-dnd .

その方法については、多くの例があり、それを確認することができます。 react-dndはこちら .

ここでは 動作例 を行う方法と、react-dndの例に基づいています。

そして、これが react-beautiful-dnd は、両方のオプションについて述べています。

ドラッグ＆ドロップを可能にするライブラリはたくさんあります。 のインタラクションをReact上で実現することができます。これらのうち最も注目すべきは、素晴らしい react-dnd。これは素晴らしいドラッグ・アンド・ドロップのセットを提供してくれます。 ドロッププリミティブは特に react-beautiful-dnd は、html5 のドラッグ＆ドロップ機能とは一貫性のないものです。 リスト（縦型。 水平方向、リスト間の移動、ネストされたリストなど）。その中で react-beautiful-dndは、その機能的なサブセットを提供し、強力です。 自然で美しいドラッグ＆ドロップを体験できます。しかし は、react-dndが提供する機能の幅を提供します。そのため react-beautiful-dndは、あなたの使用目的によっては、あなたには向かないかもしれません。 のケースです。