[Type Error] Type 'string or null' is not assignable to type string

오늘의 타입 에러 !

Type 'string or null' is not assignable to type string

컴포넌트에 props로 값을 전달 해 주는것이다 !
컴포넌트 내에서는 name : string이라고 지정을 해 준 상태인데

props로 전달 해주는 부모 페이지에서 에러가 발생했다 !

이유

"'문자열 | null' 유형은 문자열 유형에 할당할 수 없습니다." 오류 null는 string.

오류를 해결하려면 null이 아닌 어설션이나 유형 가드를 사용하여 string할당 전 값이 a인지 확인하세요.

라는 서치를 찾을 수 있었다,,!

나는 이렇게 선언을 해 주었고

이렇게 해서 오류가 났던 것 이다 ~!!!

해결

간단하다 ! string으로 선언해준것은 null이면 안된다고 해서

"profile={profile!} nickNamese ={nickNamese!}"

뒤에 ! 를 붙여주어

null이 아닌 어설션(!) 연산자를 사용해 주었다

병합 연산자

서치를 하다가 찾았는데 병합 연산자라는 것을 발견했다

요것두 적용해보니 된다 ~!

값이 있으면 주고 아니면 "" 값을 주는 것 같당

profile={profile || ''}

아무튼 해결 !