状態値をreduxのキー値ペアとして保存する方法は？

Question

重複の可能性：

• redux - how to store and update a key/value pair
• How to assign new key value pair without overwriting top level keys?

重複の可能性上記は私のニーズを満たしていません。以下

iはオブジェクトの配列として格納するために使用 Reduxの減速コードである：

：

は

{id: '9aq05d', width: '100',height: '225'} 

オブジェクトの

格納された配列は、次のようになります。action.appElementsが含ま

case 'ADD_ITEM': 
    return {...state, elements:[...state.elements, action.appElements]} 

elements: { 
    0: { 
    id: 9aq05d, 
    width: '100', 
    height: '225', 
    } 
    1: { 
    id: 8lk65f, 
    width: '200', 
    height: '787', 
    } 
} 

しかし、私はの値のペアを以下に示します。

ここでは、というIDをとする必要があります。

elements: { 
    9aq05d: { 
    id: 9aq05d, 
    width: '100', 
    height: '225', 
    } 
    8lk65f: { 
    id: 8lk65f, 
    width: '200', 
    height: '787', 
    } 
} 

この種類のキーバリューペアをレビュックスストアに保存する方法は？

ありがとうございました..

Answer 1

配列スプレッドの代わりにオブジェクトスプレッドを使用してください。

case 'ADD_ITEM': 
    return { 
      ...state, 
      elements: { 
      ...state.elements, 
      [action.appElements.id]: action.appElements 
      } 
    } 

ただし、オブジェクト内のキーの順序は保証されません。