ΠΠΎΡ ΠΎΠΆΠ΅, Ρ Π½Π΅ ΠΌΠΎΠ³Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΡΠΈΠΏΠΎΠ² Π² ΡΠ°ΠΉΠ»Π°Ρ React TSX.
Π‘ΠΊΠ°ΠΆΠ΅ΠΌ, Ρ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΡΡΠΎ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠ°ΠΊΠΎΠΌ-ΡΠΎ ΠΌΠ΅ΡΠΎΠ΄Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° React TSX:
var editTitle = <EditableField>this.refs['editTitle'];
ΠΡΠ° ΡΡΡΠΎΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ: ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½Π½ΡΠΉ ΠΊΠ°ΠΊ Β«editTitleΒ», ΠΈ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ Π΅Π³ΠΎ ΠΊ ΡΠΈΠΏΡ EditableField, ΡΡΠΎΠ±Ρ Π·Π°ΡΠ΅ΠΌ Ρ ΠΌΠΎΠ³ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ ΠΌΠ΅ΡΠΎΠ΄Π°ΠΌ EditableField ΡΡΡΠΎΠ³ΠΎ ΡΠΈΠΏΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ.
ΠΠΎ ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡΠΎΡ ΠΌΠ°ΡΠΈΠ½ΠΎΠΏΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°, ΠΏΠΎΡ ΠΎΠΆΠ΅, ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅Ρ ΡΡΠΎ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΊΠ°ΠΊ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° React, Π½Π°Ρ ΠΎΠ΄ΡΡΠ΅Π΅ΡΡ Π²Π½ΡΡΡΠΈ ΡΠ°ΠΉΠ»Π° TSX ΠΈ Π²ΡΠ΅ ΡΠ°ΠΊΠΎΠ΅.
ΠΠΎΠΆΠ½ΠΎ Π»ΠΈ Π²ΠΎΠΎΠ±ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΡ Π²Π½ΡΡΡΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° React TSX?
Π₯ΠΎΡΠΎΡΠΎ, ΠΏΠΎΡ
ΠΎΠΆΠ΅, Ρ ΠΌΠΎΠ³Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡ as
. ΠΡΠ»ΠΈ ΠΏΡΡΠΌΠΎΠ΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠ΅Π· <>
Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π·Π°ΠΊΡΠΎΠΉΡΠ΅.
ΠΠ³Π°, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΌΡ Π²Π²Π΅Π»ΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡ as
. ΠΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊ Π² ΡΠ°ΠΉΠ»Π°Ρ
.ts
ΠΈ Π² .tsx
.
ΠΠ»Ρ ΠΏΠΎΠ»Π½ΠΎΡΡ ΠΊΠ°ΡΡΠΈΠ½Ρ Π½Π° ΡΠ»ΡΡΠ°ΠΉ, Π΅ΡΠ»ΠΈ ΠΊΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ Π½Π°ΡΠΊΠ½Π΅ΡΡΡ Π½Π° ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ΠΈΡ Π² TSX.
(myObject as ObjectType).myProperty = 'foo';
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΠ³Π°, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΌΡ Π²Π²Π΅Π»ΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡ
as
. ΠΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊ Π² ΡΠ°ΠΉΠ»Π°Ρ.ts
ΠΈ Π².tsx
.