在WebStrom中定义Live Template，可以用于快速生成初始化代码

在WebStrom中定义Live Template，可以用于快速生成初始化代码

Preferences > Editor > Live Template

'use strict';
import React ,{ Component } from 'react';
import {
View,
Text,
StyleSheet,
} from 'react-native';

export default class $NAME$ extends Component {

  constructor(props) {
    super(props);
    this.state = {
      showTxt:"this component is $NAME$;default props.name value is "+this.props.name,
    };
  }
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.text}>
          {this.state.showTxt}
        </Text>
      </View>
    );
  }

}

const styles = StyleSheet.create({
  container:{
    flex:1,
    alignItems:"center",
    justifyContent:"center",
  },
  text:{
    width:200,
  }
});

Root.propTypes = {
  name: React.PropTypes.string
};

Root.defaultProps = {
  name: 'WSK'
};