프내기

[typescript] ~ is possibly 'undefiend' 본문

Trouble Shooting

[typescript] ~ is possibly 'undefiend'

봄나물소년 2023. 12. 8. 01:57

db에서 받아온 데이터를 부모컴포넌트에서 props로 넘겨 자식 컴포넌트에서 state에 바로 할당을 해주었다.

 

이때 TotalCountType 인터페이스로 props의 타입을 체크를 해주었는데도 불구하고

 

 

해당 state가 undefiend일 수 있다. 라는 에러 메시지를 보았다.

 

타입을 선언해주었는데도 말이다.

 

해결

타입을 체크해준건 좋다.
하지만 타입체킹을 해준 데이터에 연산을 하는 과정에서
undefiend일 수도 있다고 한 데이터에 + 1, -1을 해주었기 때문에,
"undefined 일 수도 있는데 왜 연산을 했지?" 타입스크립트로부터 타박을 받은 것이다.
타입이 number 일 때만 연산을 수행하겠다는 코드를 추가로 입력해주니 해결되었다.

number 일 때만 연산 수행

끝.