ERROR TypeError: Cannot read properties of null (reading '0')

// 오류 코드
this.listData = list?.data[0];

위의 코드가 실행될 때 발생했던 오류였다.

옵셔널 체이닝(?.)을 사용해줬는데도 나길래 찾아보았다.

연산자 - Optional Chaining

옵셔널 체이닝(optional chaining)

?.은 ?.'앞’의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환한다.

해당 참고페이지에서는 배열을 사용할때 [ ]앞에도 ?.을 사용해주었기 때문에 같이 따라서 코드를 바꾸어 보았다.

// 해결 코드
this.listData = list?.data?.[0];

위의 코드처럼 작성하니 TypeError가 발생하지 않았다.