React reducer 如何使用按 id 查找更新嵌套对象？

Question

我有以下状态

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

photos 是一个数组，其中包含一个 photo 对象，并且在 photo 对象内部，有一个 cmets 数组。我正在尝试找到正确的照片，然后找到正确的评论并更新该评论。

这是我的代码

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
                )
            }

更新：如 cmets 中所述，还缺少一个 ...photo,。