reactjs - วิธีการใช้ TypeScript cast กับ JSX/TSX

เมื่อทำการแคสต์ในไฟล์ .tsx ตัวคอมไพเลอร์จะถือว่ามันเป็น JSX เช่น:

(<HtmlInputElement> event.target).value

แสดงข้อผิดพลาด

ประเภทขององค์ประกอบ JSX 'HtmlInputElement' ไม่ใช่ฟังก์ชันตัวสร้างสำหรับองค์ประกอบ JSX

คุณทำการแปลงประเภทของ TypeScript ในไฟล์ .tsx อย่างไร?

คำตอบ #1

ตัวดำเนินการ as ถูกนำมาใช้ใน TypeScript 1.6 เพื่อแทนที่การแปลงชนิดในไฟล์ .tsx เช่น:

(event.target as HTMLInputElement).value

วิกิพีเดีย TypeScript อธิบายการเปลี่ยนแปลงในเวอร์ชัน 1.6: มันทำให้ตัวดำเนินการ as ใหม่เป็นวิธีเริ่มต้นในการแปลงชนิด (ลบความไม่ชัดเจนใด ๆ ระหว่างนิพจน์ JSX และตัวดำเนินการแปลงชนิดแบบ prefix ของ TypeScript)