arrow function component react shortcut vscode

1import React from 'react'
2import { View, Text } from 'react-native'
3
4export default function $1() {
5  return (
6    <View>
7      <Text> $2 </Text>
8    </View>
9  )
10}
11

1import React from 'react'
2
3const $1 = () => {
4  return <div>$0</div>
5}
6
7export default $1
8

1import React, { PureComponent } from 'react'
2
3export default class FileName extends PureComponent {
4  render() {
5    return <div>$2</div>
6  }
7}
8

1import React, { Component } from 'react'
2import PropTypes from 'prop-types'
3
4export class FileName extends Component {
5  static propTypes = {}
6
7  render() {
8    return <div>$2</div>
9  }
10}
11
12export default $1
13

1import React, { Component } from 'react'
2
3export default class FileName extends Component {
4  render() {
5    return <div>$2</div>
6  }
7}
8

1import React from 'react'
2import { StyleSheet, View, Text } from 'react-native'
3
4const $1 = () => {
5  return (
6    <View>
7      <Text> $2 </Text>
8    </View>
9  )
10}
11
12export default $1
13
14const styles = StyleSheet.create({})
15

1import React, { Component } from 'react'
2
3export class FileName extends Component {
4  render() {
5    return <div>$2</div>
6  }
7}
8
9export default $1
10