Add support for Typescript about vscode-auto-rename-tag HOT 9 CLOSED

<View style={styles.columnMiddle}>
  <CustomTouchableOpacity
    delay={0}
    onPress={this.play}
    style={styles.playButton}>
    <IonIcon
      name={isPlaying ? 'md-pause' : 'md-play'}
      style={playIconStyle}/>
  </CustomTouchableOpacity>
</View>

It works just fine when I edit the view, but not when I edit the CustomTouchableOpacity. Seems to only work on react-native specific jsx tags and not custom components or components from libraries.

from vscode-auto-rename-tag.

Could you share the code snippet of your TSX?

from vscode-auto-rename-tag.

Sure, the JSX inside a TSX file is the same as it is in a JSX file, but here is a quick example:

<View style={{flex: 1}}>
  <Text>Example TSX (Same as JSX)</Text>
  <Image src={require('../../...')}/>
</View>

Let me know if this helps

from vscode-auto-rename-tag.

It is working on my side. Could you disable all other extensions and try again?

from vscode-auto-rename-tag.

Still not working. This works fine unless you have a file extension of tsx. For example Home.tsx instead of Home.jsx. Even if both files have the exact same code, this extension will only work for the jsx file not the tsx file.

Your example doesn't show the problem, save your file as something.tsx, the .tsx is the important part.

from vscode-auto-rename-tag.

Also work using ***.tsx file. Could you disable all other extension and try again?

from vscode-auto-rename-tag.

It seems to only work with React-Native components. Whenever I try it on a View or a Text tag it works just fine, but if I try to use this with a custom component or a component from a different library it doesn't work.

from vscode-auto-rename-tag.

Could you share the detailed code snippet?

from vscode-auto-rename-tag.

Got that. Duplicated with #19

from vscode-auto-rename-tag.