inflearn logo
강의

講義

知識共有

[リニューアル] ReactでNodeBird SNS作成

안녕하세요 제로초님

解決済みの質問

343

nan84203857

投稿した質問数 63

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메서드를 써봐도 안되더라구요 ㅜ 저렇게 객체형테에 넣으려면 어떻게 코드를 짜야할까요...

react redux nodejs express Next.js

回答 3

0

zerocho

아래 코드 쓰신 다음에 Liker 추가하는 걸 안 하셨네요. 아래 코드로 게시글을 선택하셨으면 그 게시글에 Liker 추가하시면 됩니다. 처음 질문 올리신 코드를 보세요.

draft.singlePost[action.data.PostId];

0

nan84203857

정말 감사합니다. 한가지만 더 여쭙자면...

말씀하신대로 밑의 코드를 짰습니다

 case LIKE_POST_SUCCESS
        draft.singlePost[action.data.PostId];
        draft.likePostLoading = false;
        draft.likePostDone = true;
        break;

router.patch('/:postId/like'isLoggedInasync (reqresnext=> { // 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.idUserId: req.user.id });
  } catch (error) {
    console.error(error);
    next(error);
  }
});

그런데 LKIE_POST_SUCESS액션이 실행 되고 리덕스에서 확인하면 singlePost객체의 Likers가

이렇게 빈 배열로 조회되고

새로고침을 하면 LOAD_POST_REQUEST액션이 실행되어 밑의 라우터가 실행되고

router.post('/'upload.none(), async (reqresnext=> { // 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

zerocho

singlePost가 객체라는 말씀이시죠?

singlePost[action.data.PostId]

하면됩니다. 

넥스트 버젼 질문

0

77

2

로그인시 401 Unauthorized 오류가 뜹니다

0

89

1

무한 스크롤 중 스크롤 튐 현상

0

174

1

특정 페이지 접근을 막고 싶을 때

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

인라인 스타일 리렌더링 관련

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

nextjs 15버전 사용 가능할까요?

0

158

1

화면 새로고침 문의

0

121

1

RTK에서 draft, state 차이가 있나요?

0

153

2

Next 14 사용해도 될까요?

0

452

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

349

1

url 오류 질문있습니다

0

211

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

372

1

sudo certbot --nginx 에러

0

1272

2

Minified React error 콘솔에러 (hydrate)

0

469

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

247

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

325

1

npm run build 에러

0

518

1

front 서버 npm run build 중에 발생한 에러들

0

381

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

337

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

286

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

237

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

201

1