Typescript: React TSX 파일에서 유형 캐스팅이 불가능 해 보입니다.

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

React TSX 파일에서 유형 캐스팅을 사용할 수없는 것 같습니다.

React TSX 구성 요소의 일부 방법에이 표현이 있다고 가정 해 보겠습니다.

var editTitle = <EditableField>this.refs['editTitle'];

이 줄은 다음과 같아야합니다. "editTitle"로 참조 된 하위 구성 요소를 가져와 EditableField 유형으로 캐스팅하면 강력한 형식의 방식으로 EditableField의 메서드에 액세스 할 수 있습니다.

그러나 typescript 컴파일러는 그 캐스트 표현식을 대신 TSX 파일 내부에있는 React 요소 생성 표현식으로 취급하는 것으로 보입니다.

React TSX 컴포넌트 내부에서 객체를 캐스트하는 것도 가능합니까?

Question

출처

jumpinjackie

👍13

가장 유용한 댓글

예, 우리는이를 위해 as 연산자를 도입했습니다. .ts 및 .tsx 파일 모두에서 사용할 수 있습니다.

DanielRosenwasser 에 2016년 02월 04일

👍22 🎉1

좋습니다. as 연산자를 사용하여이 작업을 수행 할 수 있습니다. <> 를 통한 직접 전송이 불가능한 경우 언제든지 닫으십시오.

jumpinjackie 에 2016년 02월 04일

👍9

예, 우리는이를 위해 as 연산자를 도입했습니다. .ts 및 .tsx 파일 모두에서 사용할 수 있습니다.

DanielRosenwasser 에 2016년 02월 04일

👍22 🎉1

누군가가이 페이지를 우연히 발견 할 경우를 대비하여 완전성을 위해. 이것은 TSX에서 인라인 캐스트하는 올바른 방법입니다.

(myObject as ObjectType).myProperty = 'foo';

beclamide 에 2018년 05월 03일

👍2

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

0 / 5 - 0 등급

비동기 함수에서 대기하는 for 루프 내에서 "return"문을 수행 할 때 async / await의 버그

Zlatkovsky · 3코멘트

개체 복제

dlaberge · 3코멘트

가져 오기없이 외부 모듈 유형으로 변수 선언

Roam-Cooper · 3코멘트

emit에서 파일 끝 줄 바꿈을 제거하지 마십시오.

uber5001 · 3코멘트

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

zhuravlikjb · 3코멘트