React 및 TypeScript를 사용할 때 props를 드릴링할 때 유형 정보를 전달할 수 없는 이유는 무엇입니까?

Question

저는 오랜 React 사용자이지만 현재 Typescript를 배우려고 노력하고 있습니다.

React에서 여러 수준에 걸쳐 props를 전달해야 할 때 최상위 상위 구성 요소에서 정의한 유형이 props에 남아 있지 않은 이유는 무엇입니까? 상위 구성 요소와 변수를 전달하는 모든 하위 구성 요소에 대한 유형을 다시 정의해야 하는 것이 답답해 보입니다.

예를 들어 상위 구성 요소에 State 변수를 정의하고 해당 유형을 추가한 다음 이를 하위 구성 요소에 전달했습니다. 하위 구성 요소의 소품에서 다음과 같은 오류가 발생합니다. Binding element 'var name' implicitly has an 'any' type. 따라서 하위 구성 요소의 유형을 재정의하거나 유형을 내보내고 하위 구성 요소로 가져와야 합니다.

추가 작업이 많은 것 같습니다. 내가 뭐 잘못 했어요?

Answer 1

상태 유형과 속성 유형은 어떤 관계가 있나요? 둘 사이에는 암묵적인 관계가 없으므로 두 위치 모두에서 정의해야 합니다.

구성 요소가 독립형인 경우 모든 상위 구성 요소에서 사용할 수 있으므로 특정 상위 상태에서 정보를 얻을 수 없습니다.

자체 모듈에서 유형을 그룹화하는 것은 매우 일반적입니다...

으아악 으아악 으아악

구성 요소의 속성은 계약의 일부라는 점에 유의하세요. 상위 컴포넌트는 정의된 유형을 만족하는 속성값을 제공하지 않으면 하위 컴포넌트를 사용할 수 없습니다.