반응 감속기 ID로 찾기를 사용하여 중첩 된 객체를 업데이트하는 방법은 무엇입니까?

Question

나는 다음과 같은 상태를

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

사진이 것은 사진 개체가 배열하고 사진을 객체 내부 의견의 배열이있다. 나는 정확한 사진을 찾은 다음 올바른 의견을 찾고 그 사진을 업데이트하려고 노력하고 있습니다.

여기 코드는 외부 익명 함수 주위에 중괄호를 제외하고 좋아 보이는 내 코드

case actionTypes.COMMENT_UPDATED_TO_PHOTOS: 
      console.log(action.data) 
      return { 
       ...state, 
       photos: state.photos.map((photo) => { 
        photo.id === action.data.selectedPhotoId ? { 
         comments: photo.comments.map((comment) => { 
          console.log(comment) 
          return comment.id === action.data.commentId ? { ...comment, comment: action.data.fullComment } : comment 
         }) 
        } : photo 
       }) 
      } 

Answer 1

입니다. 이 코드 블록을 선언하기 때문에,이 photo.is === ... 전에 return 문이어야한다, 또는 당신은 단순히 식을 얻을 완전히 제거 할 수 있습니다 :

case actionTypes.COMMENT_UPDATED_TO_PHOTOS: 
      console.log(action.data) 
      return { 
       ...state, 
       photos: state.photos.map((photo) => 
        photo.id === action.data.selectedPhotoId ? { 
         ...photo, 
         comments: photo.comments.map((comment) => { 
          console.log(comment) 
          return comment.id === action.data.commentId ? { ...comment, comment: action.data.fullComment } : comment 
         }) 
        } : photo 
       ) 
      } 

UPDATE : 코멘트에 언급 한 바와 같이, 또한 누락 ...photo, 있었다.