유형 오류에 속성이 없습니다.

Question

데모 프로젝트를 진행하는 데 문제가 있습니다. 대부분의 이슈는 Javascript를 사용하는 Typescript에서 구현하려고하는 저의 원동력입니다. 이 요지는 내 app.tsx 파일입니다. 나는이 프로그램을 실행할 때

https://gist.github.com/jjuel/59eed01cccca0a7b4f486181f2a14c6c

나는 인터페이스에 관한 오류를 얻을.

./app/app.tsx (38,17)의 오류 : 오류 TS2324 : 부동산의 '인간'형태없는 'IntrinsicAttributes & IntrinsicClassAttributes & AppProps & {어린이? ReactElement | ...' . ./app/app.tsx (38,17)에

는

ERROR : 오류 TS2324 : 부동산의 '저장'가 'IntrinsicAttributes & IntrinsicClassAttributes을 & AppProps & {어린이? ReactElement | ...'유형이 없습니다. webpack : 번들이 이제 유효합니다.

나는 이것에 무슨 일이 벌어지고 있는지 전혀 모른다. 누구든지 내 문제가 무엇인지 알 수 있습니까? 감사! 당신이 App이 humans 및 stores에 전달해야한다는 것입니다

interface AppProps { 
    humans: any; 
    stores: any; 
} 

:

Answer 1

는 다음과 같은 인터페이스를 가지고있다. 그러나 속성을 사용하지 않고 <App />을 ReactDOM.render(<App />, document.getElementById('main'));으로 초기화하고 있습니다. 이것은 TypeScript로 의도가 무엇인지에 대한 오류를 제공합니다. 사용. 인수가있는 함수를 가지고 있지만 아무 것도 통과시키지 않고 호출하는 것은 오류입니다.

수정

아마도 이러한 속성은 선택 사항 입니까? 그렇다면 다음과 같이 선언하십시오 :

interface AppProps { 
    humans?: any; 
    stores?: any; 
} 

그렇지 않으면 예 : <App humans={123} stores={123} /> (사람과 상점의 샘플 인스턴스).