원티드 프리온보딩 챌린지 ( 프론트엔드 )

Kyle·2022년 8월 25일
0

오늘 마주친 에러를 해결해보자

무슨 상황인지

Main.tsx

여기서 + 버튼을 눌렀을 때

TodoPost.tsx

다음처럼 게시글 양식이 보이게 되고 취소를 눌렀을 때 다시 돌아가는 버튼을 취소에 담고자 했다.

TodoPost.tsx에서 다시 삼항연산자로 Main.tsx를 불러와야 하는가 생각했는데 그렇게 된다면 TodoPost가 켜지더라도 각 파일에서 켜지기 때문에 추후에 이슈가 터질 것이라고 생각했다. 상태관리를 사용하자니 규모가 작아 파라미터로 불러오는 것이 적합하지 않을까라는 생각을 했다.

받아오는 TodoPost.tsx에서 함수호출이 아닌 선언을 해 문제가 발생했었고 어떤 파라미터를 어디까지 넘겨줘야 할지에서도 시간이 조금 걸렸었다.

Main.tsx

사용하려는 것이 isCheckedsetIsChecked이기 때문에 모두 넘겨줘야 했다.

TodoPost.tsx

isCheckedsetIsChecked의 타입을 지정해주고 객체로 넘겨주기 때문에 {isChecked, setIsChecked}로 감싸주고 지정한 타입을 불러온다. 함수를 호출하는 것으로 마무리하면 취소 버튼이 정상적으로 동작하는 것을 확인할 수 있다.

profile
불편함을 고민하는 프론트엔드 개발자, 박민철입니다.

0개의 댓글