2023-02-06T07:32:18.086Z

0

그래도 원인을 찾으셨다니 다행이네요~

앞으로도 헷갈리시는 부분은 여러번 복습하시면 좋을 것 같습니다.

exwhite님도 새해 복 많이 받으세요~!

2023-02-06T06:13:50.597Z

0

다른 부분은 다 수정 했는데 에러가 안뜨니 어디서 문제인지를 모르겠습니다.

혼자 해결하려고 몇시간 동안 봤는데 안되서요. 나름 잘 따라왔는데 답답하네요.ㅠ

우선 MainPage 코드 남겨봅니다.

0

MainPage 코드에는 이상이 없는 것 같네요.

PostList에서 onClickItem을 잘 호출해주고 있는지 한 번 확인해보시면 좋을 것 같아요~

https://github.com/soaple/mini-blog/blob/master/src/component/list/PostList.jsx#L28-L30

그리고 조금 더 정확한 원인 파악을 위해서 MainPage의 navigate하는 코드 위에 아래와 같이 로그를 추가하시고,

onClickItem={(item) => {
    console.log('onClickItem', item);
    navigate(`/post/${post.id}`);
}}

PostList의 onClick 내부에서도 아래와 같이 로그를 추가한 뒤에,
개발자 도구에서 클릭 이벤트가 제대로 전달되는지 한 번 확인해보시기 바랍니다~

onClick={() => {
    console.log('onClick', post);
    onClickItem(post);
}}

감사합니다.