Typescript: TSX: 변수에 저장된 구성 요소를 사용할 수 없습니다.

에 만든 2016년 01월 12일 · 3코멘트 · 출처: microsoft/TypeScript

MyComponent 라는 구성 요소가 있다고 가정합니다.

다음과 같이 MyComponent 사용하면 다음과 같이 작동합니다.

render() {
  return <MyComponent />;
}

그러나 MyComponent 를 변수에 저장한 다음 사용하려고 하면 다음과 같이 되지 않습니다.

render() {
  var anAlias = MyComponent;
  return <anAlias />;
}

다음 오류가 발생합니다.

error TS2339: Property 'anAlias' does not exist on type 'JSX.IntrinsicElements'.

TSX를 사용하는 대신 React.createElement .

render() {
  var anAlias = MyComponent;
  return React.createElement(anAlias);
}

By Design

출처

rigdern

👍1

가장 유용한 댓글

anAlias 는 소문자로 시작하기 때문에 본질적인 JSX 요소입니다. 고유 요소는 JSX.IntrinsicElements 인터페이스에서 조회되며 귀하의 경우에는 아마도 anAlias 멤버가 없을 것입니다. 값 기반 요소 로 처리되도록 대문자로

vladima 에 2016년 01월 12일

👍5

vladima 에 2016년 01월 12일

👍5

Vlad가 다루었습니다. 이것은 일반 JSX 변환기에서 볼 수 있는 것과 동일한 동작입니다(소문자 식별자는 div 또는 span 와 동일하게 처리됨).

RyanCavanaugh 에 2016년 01월 12일

감사 해요. 본질적인 요소와 가치 기반 요소의 차이를 인식하지 못했고 첫 글자의 대소문자가 중요한지도 몰랐습니다.

rigdern 에 2016년 01월 12일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Map,Set ... ES5 대상

kyasbal-1994 · 3코멘트

화살표 함수에는 'prototype' 속성이 없어야 합니다.

DanielRosenwasser · 3코멘트

'const'열거 형의 인덱스 표현식 인수는 '문자열'유형 / 문자열 리터럴 /이어야합니다.

zhuravlikjb · 3코멘트

사용하지 않은 가져온 모듈 보고

manekinekko · 3코멘트

npm 라이브러리를 만드는 가장 좋은 방법.

MartynasZilinskas · 3코멘트