OrderedMapの最後のエントリとしてキー値のペアを追加する方法..？

Question

可能な重複：Reduxのストアと不変JSOrderedMapでの作業 Add an Item in OrderedMap with Immutable.js

。

Reduxのストアの構造：

{ 
    "app": { 
     "name": "Test app", 
     "dataPack":{ 
      "chemID": "aaaa", 
      "item": { 
      "yp57m359": { 
      "solid": 33, 
      "liquid": 45, 
      "gas": 65 
      }, 
      "h58wme1y": { 
      "solid": 87, 
      "liquid": 9, 
      "gas": 30 
      }, 
      "dff56fhh": { 
      "solid": 76, 
      "liquid": 43, 
      "gas": 77 
      } 
     } 
     } 
    } 
    } 

減速コード：action.item_idはランダムID（すべてのアイテムのキー）である

​​

。

上記のコードは、項目を追加するために完全に機能します。

問題は：ランダムな位置に格納されているアイテム。私は追加している注文を維持する必要があります。 最後のエントリitemのようにすべてのアイテムを追加する必要があります。 1つ1つのアイテムを追加することは、同じ順序ではありません。

この問題を解決するお手伝いをしてください。

Answer 1

OrderedMapは、物事を入れた順序を覚えています。 OrderedMapに新しいkeyという.set(key, value)と呼ぶたびに、最後に追加されます。

let state = Immutable.Map({ 
 
    "app": Immutable.Map({ 
 
    "name": "Test App", 
 
    "dataPack": Immutable.Map({ 
 
     "chemId": "aaaa", 
 
     "items": Immutable.OrderedMap({}) // this is the thing we want ordered 
 
    }) 
 
    }) 
 
}); 
 

 
state = state.setIn(['app', 'dataPack', 'items', 'yp57m359'], Immutable.Map({ 
 
    'first': 'item' 
 
})); 
 
state = state.setIn(['app', 'dataPack', 'items', 'h58wme1y'], Immutable.Map({ 
 
    'second': 'item' 
 
})); 
 
state = state.setIn(['app', 'dataPack', 'items', 'dff56fhh'], Immutable.Map({ 
 
    'third': 'item' 
 
})); 
 

 

 
console.log(state.toJS()); // notice things are in order

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.js"></script>

私たちは、あなたがあなたのストアを作成した方法を見ることができないので、それはあなたの問題がある場所を正確に伝えるのは難しいのですが、私の推測では、"item"がMapの代わりに、定期的に古いを指しているということでしょうOrderedMap。 fromJS(data)を使用して状態を作成する場合は、デフォルトでOrderedMapの代わりにMapを使用します。