TIL_0602

터무니없는 실수이기에 더 기억하고 다시는 실수하지 말자!라는 마음으로 기록!!

댓글 신고하기 기능을 구현하는 것이 목적이였다

1. 댓글의 우측 삳단 더보기 버튼을 선택
2. Drawer 오픈
3. 내가 작성자일 경우 댓글 수정 / 삭제하기 버튼을 노출 + 내가 작성자가 아닐 경우 댓글달기 / 신고하기 버튼을 노출
4. 신고하기 버튼을 선택할 경우 신고하는 사유를 선택 및 기재할 수 있도록 Dailog를 오픈하도록 구현하였다.
5. 오픈한 다이얼로그에서 제출할 경우 댓글의 신고 사유를 post하고 닫으면 끝!

안될 수가 없는데 이상하게 observer의 state 에러가 나타났다...
state를 잘못썼을 수가 없는데 한참을 찾아 2시간을 낭비했다ㅜㅜ

터무니없게도 아래 2가지 실수를 했다

{openReport && (
          <Dialog
			...(보안문제로 생략..)
            >
            <CommentReportAlert handleClose={()=>{setOpenReport(false)}} />
          </Dialog>
        )}

이렇게 컴포넌트를 넣어줬는데 return을 안시켜서....그만.....

	<CommentReportAlert handleClose={()=>setOpenReport(false)} />

이렇게 {}를 없앴어야 했다... 허탈....

동시에 또하나의 실수로는 props보낸 handleClose를 이미 함수로 보내놓고 사용할 떄

handleClose()

이렇게 사용해 버려서 또 에러가 생겼었다.. handleClose 변수명 자체로 써도 됐던 것을..!

당연한 부분들임에도 길고 긴 코드들 가운데 습관적으로 코드를 치다보면
이상한 실수를 해놓고 내 눈엔 잘 안보이나보다 ㅎㅎ
그래도 결국 찾고, 잘못된 것을 깨달아서 다행이다!
엥? 이런걸? 이라는 생각이 들긴하지만 또 실수할 수 있으니 기록해두고 다시는 같은 실수 반복하지 말자!!