[ts] Property 'x' does not exist on type '{}'.ts

typescript 오류해결

 

react에서 typescript 로 프로젝트를 진행할 때 이 오류를 많이 보게됩니다.

분명히 변수가 obejct 이고, 변수.속성 또는 변수[속성]을 { } 안에서 사용하는 것이 가능한데
타입스크립트의 오류가 납니다. 

 

오류 메시지

Property 'doctorName' does not exist on type '{}'.ts 또는 Property 'doctorName' does not exist on type object.ts

 

오류  해결

1.  any {}로 가상 변수 설정 후 얕은 복사

Object.assign({}, 기존 변수)얕은 복사를 하기 전에

let 변수 : any = {};로 변수 설정을 하여서 얕은 복사를 하여 출력하니, 에러가 제거됩니다.

 let ojtCopy: any = {};
 ojtCopy = Object.assign({}, obj);
 console.log(ojtCopy.속성); //오류 제거

 

2. 부모 컴포넌트가 있을 경우 props 전달

부모 컴포넌트에서 변수를  props로 넘겨 받은 후 속성을 출력하면 에러가 제거 됩니다.