인프런 커뮤니티 질문&답변
작성한 질문수
안녕하세요 제로초님
해결된 질문
21.01.10 23:47 작성
·
275
0
reducer 폴더의 Post.js에서
case LIKE_POST_SUCCESS: {
const post = draft.mainPosts.find((v) => v.id === action.data.PostId);
post.Likers.push({ id: action.data.UserId });
draft.likePostLoading = false;
draft.likePostDone = true;
break;
}
이렇게 되어있고 mainPosts가 배열이 잖아요?? 그런데 저는 한번 응용해보려고
case LIKE_POST_SUCCESS: {
const post = draft.singlePost.find(singlePost.id === action.data.PostId);
post.Likers.push({ id: action.data.UserId });
draft.likePostLoading = false;
draft.likePostDone = true;
break;
이렇게 바꿔봤습니다. 그런데 singlePost가 객체 형태여서 저렇게 코드로는 안되더라구요 그래서 Object메서드를 써봐도 안되더라구요 ㅜ 저렇게 객체형테에 넣으려면 어떻게 코드를 짜야할까요...
답변 3
0
제로초(조현영)
지식공유자
2021. 01. 11. 11:16
아래 코드 쓰신 다음에 Liker 추가하는 걸 안 하셨네요. 아래 코드로 게시글을 선택하셨으면 그 게시글에 Liker 추가하시면 됩니다. 처음 질문 올리신 코드를 보세요.
draft.singlePost[action.data.PostId];
0
김건희
질문자
2021. 01. 11. 02:48
정말 감사합니다. 한가지만 더 여쭙자면...
말씀하신대로 밑의 코드를 짰습니다
case LIKE_POST_SUCCESS:
draft.singlePost[action.data.PostId];
draft.likePostLoading = false;
draft.likePostDone = true;
break;
router.patch('/:postId/like', isLoggedIn, async (req, res, next) => { // PATCH /post/1/like
try {
// console.log("req.params.postId::::::::",req.params.postId);
const post = await Post.findOne(
{ where: { id: req.params.postId }});
if (!post) {
return res.status(403).send('게시글이 존재하지 않습니다.');
}
await post.addLikers(req.user.id);
res.json({ PostId: post.id, UserId: req.user.id });
} catch (error) {
console.error(error);
next(error);
}
});
그런데 LKIE_POST_SUCESS액션이 실행 되고 리덕스에서 확인하면 singlePost객체의 Likers가
이렇게 빈 배열로 조회되고
새로고침을 하면 LOAD_POST_REQUEST액션이 실행되어 밑의 라우터가 실행되고
router.post('/', upload.none(), async (req, res, next) => { // POST /post
const fullPost = await Post.findOne({
where: { id: post.id },
include: [{
model: Image,
}, {
model: User, // 게시글 작성자
attributes: ['id', 'nickname'],
}, {
model: User, // 좋아요 누른 사람
as: 'Likers',
attributes: ['id'],
}]
})
// console.log("fullpost::::::::::::::::::",JSON.stringify(fullPost),"endddddddddddddd");
res.status(201).json(fullPost);
} catch (error) {
console.error(error);
next(error);
}
});
case LOAD_POST_SUCCESS:
draft.loadPostLoading = false;
draft.loadPostDone = true;
draft.singlePost = action.data;
break;
위의 액션이 실행되고 그때서야 LKIE_POST_SUCESS시 입력했던 값이
Likers에서 조회가 되네요. LKIE_POST_SUCESS시 리덕스에서 Likers가 조회되게 하려면 어떻게 해야할까요...
0