Reduxでレデューサーのネストされた配列を更新する

Question

レデューサーのオブジェクト配列内の特定のインデックスを更新しようとしています。状態にはオブジェクトの配列があります。 isSearchはオブジェクトのプロパティです。アクションのペイロードで、私は更新されるインデックスと値を渡しています。これは私のコードです：

case actions.UPDATE: 
    return { 
    ...state, 
    arrObj: { 
     ...state.arrObj, 
     arrObj[action.payload.index].isSearch : action.payload.isSearch, 
    }, 
    }; 

私は、このエラーUnexpected token, expected , at arrObj[action.payload.index].を取得誰かがどのように私はこれを修正することができますを教えてもらえますか？あなたが深いあなたの状態内の単一の値を更新するために探している場合

Answer 1

、これを試してみてください。

case actions.UPDATE: 
    var newState = { ...state } 
    var arrayObj = newState.arrayObj = state.arrayObj.slice() 
    var element = arrayObj[action.payload.index] = { ...arrayObj[action.payload.index] } 
    element.isSearch = action.payload.isSearch 
    return newState 

Answer 2

は、私はあなたに大きな助けのnpm意志からimmutability-helperパッケージを推測し、ネストされたReduxの状態

を更新中

import update from 'immutability-helper'; 

....... 

case actions.UPDATE: 
    return update(state, { 
     arrObj: { 
      [action.payload.index]: { 
       isSearch: { 
         $set: action.payload.isSearch 
       } 
      } 
      } 
     })