오늘 마주친 에러를 해결해보자
Main.tsx
여기서 + 버튼을 눌렀을 때
TodoPost.tsx
다음처럼 게시글 양식이 보이게 되고 취소를 눌렀을 때 다시 돌아가는 버튼을 취소에 담고자 했다.
TodoPost.tsx
에서 다시 삼항연산자로 Main.tsx를 불러와야 하는가 생각했는데 그렇게 된다면 TodoPost가 켜지더라도 각 파일에서 켜지기 때문에 추후에 이슈가 터질 것이라고 생각했다. 상태관리를 사용하자니 규모가 작아 파라미터로 불러오는 것이 적합하지 않을까라는 생각을 했다.
받아오는 TodoPost.tsx에서 함수호출이 아닌 선언을 해 문제가 발생했었고 어떤 파라미터를 어디까지 넘겨줘야 할지에서도 시간이 조금 걸렸었다.
Main.tsx
사용하려는 것이 isChecked
와 setIsChecked
이기 때문에 모두 넘겨줘야 했다.
TodoPost.tsx
isChecked
와 setIsChecked
의 타입을 지정해주고 객체로 넘겨주기 때문에 {isChecked, setIsChecked}
로 감싸주고 지정한 타입을 불러온다. 함수를 호출하는 것으로 마무리하면 취소 버튼이 정상적으로 동작하는 것을 확인할 수 있다.