[JS -> TS] 프로젝트 변환하기(1) useState 변수 props

호기롭게 시작했지만 오류가 폭발했다. 친구들이 맨 처음에는 다들 그런 거라며 위로했지만 위로 안됨...ㅎ

 

About 컴포넌트의 setIsBlur(useState 변수)를 Header에 넘겨야 한다.

JS에서는 props로 넘기기만 하면 되지만, TS 세상에서는 그게 먹히지 않나 보다.

 

원래 JS에서는 이렇게 하면 됨

 

그래서 인터넷에 찾아보니...이게 안 된다고...ㅎ

 

About에서는 그대로 넘긴다. 다만, Header에서 받는 방식이 다르다.

 

 

이것이 정확히 맞는 방식인지는 잘 모르겠다. 확실한 건, 뭐 하나 안 맞으면 오류가 나는 TS에서 오류가 나지 않고 잘 작동한다.

interface에 useState변수를 Dispatch하고 SetStateAction에 변수 타입을 지정해준 다음, 컴포넌트에 해당 타입을 props로 넘겨주고 사용하면 된다.

 

솔직히 타입스크립트 애들이 쉽다길래 만만하게 봤는데 이런 오류 스타일이라면 좀이따 야구보러 가기 전까지 다 못 끝내겠다.

무적LG이겨라