728x90
const [ufo,setUfo]= useState<UfoDTO>();
//중략
return (
{ufo.company.code}
)
를 사용하려 하자
위 코드에서
Property 'company' does not exitst type 'UfoDTO'| never[]'. 이라는에러가 발생한다
useState 뒤에 <any[]> 를 작성하여 문제를 해결 할 수 있지만
TypeScript의 주요 장점 중 하나인 타입 안전성(type safety)를 포기하는 것이기 때문에 좋은 방법은 아니다
const [ufo,setUfo]= useState<any[]>();
옵셔널 체이닝 사용하여 문제 해결
{ufoDetail?.company?.code}
728x90
'JavaScript' 카테고리의 다른 글
Partial<T> 를 활용한 객체 초기화 (0) | 2023.04.12 |
---|---|
[Error] Hydration failed because the initial UI does not match what was rendered on the server, Text content does not match server-rendered HTML - hydration 비활성화 (0) | 2023.04.07 |
Builder 패턴을 적용한 JS 객체 배열 (with typescript) (0) | 2023.04.06 |
useEffect 사용하기 (0) | 2023.04.05 |
Next.JS 라우팅 시 값 못 가져옴 (0) | 2023.04.03 |
댓글