Reactネイティブreduxレデューサーは、配列をプッシュする最良の方法

Question

私は以下の状態とレデューサーを持っていますが、新しい配列オブジェクトをプッシュしていません。

const initialState = { 
    photos: [], 
    selectedPhoto:{}, 
    photosTeamId:'', 
    photosProjectId:'' 
}; 

case actionTypes.PHOTOS_UPDATE: 
      return Object.assign({}, state, { 
       photos:action.data.photos, 
       photosTeamId:action.data.photosTeamId, 
       photosProjectId:action.data.photosProjectId 
      }) 

写真を押したが、[...]ここで広がりオペレータがあります

Answer 1

はここjavascript spread syntaxを使用して、よりきれいな方法です：

const initialState = { 
    photos: [], 
    selectedPhoto:{}, 
    photosTeamId:'', 
    photosProjectId:'' 
}; 

case actionTypes.PHOTOS_UPDATE: 
      return { 
       ...state, 
       photos: [...state.photos, ...actions.data.photos], 
       photosTeamId: action.data.photosTeamId, 
       photosProjectId: action.data.photosProjectId 
      } 

Answer 2

case actionTypes.PHOTOS_UPDATE: 
    return { 
    ...state, 
    photos: state.photos.concat(action.data.photos), 
    photosTeamId: action.data.photosTeamId, 
    photosProjectId: action.data.photosProjectId 
    }; 

Answer 3

を上書きなっていません。スプレッド演算子を使用すると、元の配列を保持しながら、既存の配列を取得し、別の要素を追加することができます。

例：

case actionTypes.PHOTOS_UPDATE: 
 
    return [ 
 
    ...state, 
 
    Object.assign({}, { 
 
     photos:action.data.photos, 
 
     photosTeamId:action.data.photosTeamId, 
 
     photosProjectId:action.data.photosProjectId 
 
    }) 
 
    ];