0

ドラッグアンドドロップリスト機能を設定する不変リストがあります(リストアイテムを介してマッピングする場合、インデックス以外にリストアイテムにIDはありません)。

const list = Immutable.List([{"alias":"cat"},{"alias":"dog"},{"alias":"rat"}])

dragEnd では、イベントはリストの新しい順序の配列を提供しますが、前の順序のインデックスを参照する以外に、リスト項目を実際に識別するものは何も提供しません。

const newOrder = [{"order":1},{"order":0},{"order":2}]

ストアを更新するには、これらのインデックスに基づいて並べ替えられた新しい不変データ リストをディスパッチする必要がありますが、これを行うための雄弁で簡潔な方法をまだ見つけていません。おそらくsortByを使用するか、最初のリストからorderedMapを作成し、newOrder配列から参照してorderedListを作成することを考えていましたか?? 良い解決策と思われるものを機能させることができませんでした。

発送する必要があります:

const orderedList = Immutable.List([{"alias":"dog"},{"alias":"cat"},{"alias":"rat"}])

これを行う最良の方法は何ですか?

4

1 に答える 1