[REACTJS] 타이프 라이터는 반작용 : 소품에 대한 연합 유형이 오류를 표시하지 않습니다 초과 등록 정보를 제공 할 때

타이프 라이터는 반작용 : 소품에 대한 연합 유형이 오류를 표시하지 않습니다 초과 등록 정보를 제공 할 때

해결법

1. ---

   1.문제는 노동 조합이 참여하는 경우 초과 속성 확인과 관련이있다. 당신은 비슷한 질문을 여기에이 대답을 읽을 수 있습니다. 이것의 요점은 노조 과잉 특성 검사가 어떤 부재 중 어느 키가 개체에 존재할 수 있다는 점이다. 우리는 확인 결코 종류의 추가 회원을 도입하여이 주위에 얻을 수있는 특정 멤버 잘못 호환되지 과잉 특성을 가진 개체 :

   문제는 노동 조합이 참여하는 경우 초과 속성 확인과 관련이있다. 당신은 비슷한 질문을 여기에이 대답을 읽을 수 있습니다. 이것의 요점은 노조 과잉 특성 검사가 어떤 부재 중 어느 키가 개체에 존재할 수 있다는 점이다. 우리는 확인 결코 종류의 추가 회원을 도입하여이 주위에 얻을 수있는 특정 멤버 잘못 호환되지 과잉 특성을 가진 개체 :

   type Props =
   | {
       type: "string"
       value: string
       }
   | {
       type: "number"
       value: number
       }
   | {
       type: "none"
       }
   
   type UnionKeys<T> = T extends any ? keyof T : never;
   type StrictUnionHelper<T, TAll> = T extends any ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>> : never;
   type StrictUnion<T> = StrictUnionHelper<T, T>
   
   class DynamicProps extends React.Component<StrictUnion<Props>> {
       render() {
           return null
       }
   }
   // error now
   const none_jsx = <DynamicProps type="none" value="This should be an error?" />
   

from https://stackoverflow.com/questions/52771362/typescript-react-union-type-for-props-does-not-display-error-when-providing-exc by cc-by-sa and MIT license