Redux - レデューサーの配列にエントリを追加する方法

Question

私はこのビットに固執し、私は進歩できません - 解決は簡単だと思いますが、私は理解できません。

state = { 
    entryId: { 
    entryName: ["something", "something2", "something3" /* and so on... */] 
    } 
}; 

これまでのところ、これは私が得る最も近いですが、代わりに新しい一意のエントリを追加することで、それが1を交換されています。内のデータがこのになりますので、私は減速にエントリを追加しようとしています既に格納されています。また、私はエントリIdは、ENTRYNAMEは、エラーを回避するために、まだ存在していない空の状態にこのアイテムを追加できるようにする必要があります。

switch(type) { 
    case ADD_ENTRY: 
    return { 
     ...state, 
     [entryId]: { 
     ...state[entryId], 
     [entryName]: { 
      [uniqueEntry]: true 
     } 
     } 
    }; 
} 

私が間違ってやっている任意のアイデアを？

Answer 1

あなたがやるべきことentryName配列の最後に要素を追加しようとしている場合：

const array1 = [1, 2, 3]; 
const array2 = [4, 5, 6]; 
const eight = 8; 

const newArray = ['stuff', ...array1, 'things', ...array2, ...[7, eight], 9]; 
console.log(newArray); // ["stuff", 1, 2, 3, "things", 4, 5, 6, 7, 8, 9] 

チェック：アレイと

return { 
    ...state, 
    [entryId]: { 
    ...state[entryId], 
    [entryName]: [ 
     ...state[entryId][entryName], 
     uniqueEntry 
    ] 
    } 
}; 

ES6スプレッドは、このように動作しますアウトthis gistあなたがやっていることに非常によく似た何かの例があります。

この一連の例は非常に有用です。ここで素晴らしいものがたくさん：

https://github.com/sebmarkbage/ecmascript-rest-spread

更新：

entryNameは、あなたがあなたのコメントで言うように、あなたがこれを行うことがundefinedに初期化されている場合：

return { 
    ...state, 
    [entryId]: { 
    ...state[entryId], 
    [entryName]: [ 
     ...state[entryId][entryName] || [], 
     uniqueEntry 
    ] 
    } 
}; 

私は思いますこれは、非常にネストされたデータ構造を使用してReact/reduxを使用して作業することがどれほど苦労しているかの非常に優れた例です。 FWIW、できるだけあなたの国家を平らにすることが何度も勧められました。