配列の突然変異チェック

Question

私は最初のreact-reduxアプリケーションをビルドしています。

iはテストしていアクション項目を選択している： 更新「を選択」ブーリアンプロパティは、アクション

によって渡さ選択によれば、オブジェクトを含む配列である：今

"allItems":[ 
    { 
     "id": 1, 
     "name": "item1", 
     "selected": false 
    }, 
    { 
     "id": 2, 
     "name": "item2", 
     "selected": false 
    }, 
    { 
     "id": 3, 
     "name": "item3", 
     "selected": false 
    }, 
    { 
     "id": 4, 
     "name": "item4", 
     "selected": false 
    } 
] 

リデューサ：

const allItems = (state=[], action) => { 

switch(action.type){ 

    case "SELECT_ITEM" : 

     return state.map((item, index) => { 
      if(item.id === action.payload.id){ 
       return { ...item, selected: true} 
      } 
      else 
      { 
       return {...item, selected: false} 
      } 
     }) 

    default: 
    return state 
    } 

} 

はあなたに感謝

Answer 1

たとえば、Object.assing({}, item, selected: true)を返すことをお勧めします。これにより、常に新しい状態の新しいオブジェクトが返されます。