container / presentational 을 사용하여 파일을 나눈후 컴포넌트를 재사용 하였을때 api오류

CMK·2023년 1월 19일
0

해당 글은 작성자가 정말 사소한 것이라도 나중의 자신을 위해 필요하다고 생각한 것들을 적어둔 곳입니다

container / presentational 을 사용하여 파일을 나눈후 BoardWrite라는 게시물 등록 컴포넌트를 재사용하여 수정페이지를 만들었다 여기서 수정페이지에서 api 사용하여 게시물을 조회하려 했는데


수정하기 페이지가 아닌 BoardWrite라는 즉 게시물 등록페이지에서 오류가 발생하였다 작동은 정상 작동 하나 이런 오류 마음에 들지 않았다 그래서 이게 어떻게 된 일인지 고민해보니

등록과, 수정을 같은 컴포넌트를 사용하다보니 등록페이지에서도 해당 조회api가 작동하면서 조회를 위한 값이 없다 보니 오류를 발생시킨거였다

나의 짧은 지식으로 조건문을 사용해 봤지만 해당 값을 presentational로 props로 넘길때 오류를 발생해서 실패...
그렇게 고민중 해결한 방법은 이 컴포넌트가 전부 조립되어 수정하는 페이지가 완성되는 페이지에서 api를 사용하여 props를 사용하여 값을 넘기는 방법으로 해결했다


여기에서


여기로 옮겨서 data를 하위 컴포넌트로 넘겼다
현재 나의 짧은 지식으론 이게 최선이였던거 같다

0개의 댓글