Obteniendo el siguiente error en un nuevo archivo TS que contiene JSX para React native:
Unexpected token, expected ","A continuación se muestra el código para el componente que estoy haciendo. El error parece
class TabLabel extends React.PureComponent<IReactionsLabelProps> { constructor(props: IReactionsLabelProps) { super(props); } render = () => { const { name, baseUrl, getCustomEmoji, reactions, page, theme } = this.props; return ( <View style={ sharedStyles.tabView }> <Emoji content={name} standardEmojiStyle={sharedStyles.reactionEmoji} customEmojiStyle={sharedStyles.reactionCustomEmoji} baseUrl={baseUrl} getCustomEmoji={getCustomEmoji} /> <Text style={{ ...sharedStyles.textBold, color: themes[theme].bodyText }}> { reactions[page]?.usernames?.length } </Text> </View> ); } }El linter proporciona un error diferente cerca de la propiedad de "estilo" en la primera línea de JSX: Error de análisis: '>' esperado
Estoy completamente atascado y no tengo idea de lo que está mal. El archivo completo está disponible en https://github.com/RocketChat/Rocket.Chat.ReactNative/blob/b1f9916ed8f9a423e356987d934998a139809627/app/views/ReactionsView/index.ts#L45
Responderé a mi propia pregunta. Y me siento extremadamente tonto ahora, no hace falta decir que pasé horas literales tratando de resolver esto.
Solo tuve que cambiar la extensión del archivo de .ts a .tsx, y funcionó.