Typescript: Type casting seems impossible in a React TSX file

[jumpinjackie]

It appears I can't use type casting in React TSX files.

Say I have this expression in some method of the React TSX component:

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

This line is supposed to be: fetch the child component ref'd as "editTitle" and cast it to the type EditableField, so that I can then access methods of EditableField in a strongly-typed manner.

But the typescript compiler appears to be treat that cast expression as a React element creation expression instead, being inside a TSX file and all.

Is it even possible to cast objects inside a React TSX component?

[jumpinjackie]

Ok, it appears I can use the as operator to do this. If direct casting via <> is not possible, then feel free to close.

[DanielRosenwasser]

Yup, we introduced the as operator for this. It's usable in both .ts and .tsx files.

[beclamide]

For completeness in case anyone stumbles across this page. This is the correct way to inline cast in TSX.

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