レデューサー状態の配列から最後の要素を削除する

Question

最大の配列数を10にしたい。レデューサー状態に新しいオブジェクトを追加すると、配列数が10を超えると、最初のオブジェクトを削除したい。これどうやってするの ？

これは私のコードです：

switch(action.type) { 
    case types.RECENTLY_VIEWED_ITEM: 
     return Object.assign({}, state, { 
     data: [ 
      ...(state.data.filter(item => (item.id !== action.payload.id))), 
      action.payload 
      ] 
     }); 

    case types.REMOVE_RECENTLY_VIEWED_ITEM: 
     return Object.assign({}, state, { 
     data: [ 
      ...(state.data.splice(0, 1)) 
     ]}); 

     default: 
     return state; 
} 

はあなたのスライスと

Answer 1

、

splice戻ります要素あなただけのスプレッド演算子を使用することができます

case types.REMOVE_RECENTLY_VIEWED_ITEM: 
    return Object.assign({}, state, { 
    data: [ 
     ...state.data.slice(1, 10) 
    ]}); 

    default: 
    return state; 

代わりのObject.assignを混合し、Spread operatorの削除後slice戻ります配列ながら、削除された要素の配列。

case types.REMOVE_RECENTLY_VIEWED_ITEM: 
    return { ...state, 
     data: [ 
      ...state.data.slice(1, 10) 
     ] 
    }; 

    default: 
    return state; 

は、（1）最大配列数10それだけで最初以外のすべてのデータをコピーしますを維持しないであろうとしても

Using Object.assign in React/Redux is a Good Practice?

Answer 2

変更スプライスに感謝し、あなたは次のように行うことができます：sliceなくspliceを利用する

case types.REMOVE_RECENTLY_VIEWED_ITEM: 
 
return Object.assign({}, state, { 
 
data: [ 
 
      ...(state.data.slice(state.data.length-10, (state.data.length)) 
 
    ]}); 
 
    default: 
 
    return state;