React Native基础<二>VSCode常用插件以及代码块

一、Reactjs Code snippets

QQ20171102-153959.png

这个插件可以帮助我们在写React Native代码时,快速书写一些常用的方法,具体用法如下:
1、rcc
快速新建一个React Component和导出这个组件。

import React, { Component } from 'react';

class componentName extends Component {
  render() {
    return (
      <div>
        
      </div>
    );
  }
}

export default componentName;

2、ccn
快速书写构造器函数

constructor(props) {
    super(props);
    
  }

3、bnd
绑定this。防止this指向发生变化。(js中经典问题)

this.method = this.method.bind(this);

4、met
快速定义一个方法

methodName(params) {
    
  }

4、sst
快速调用方法this.setState()方法来改变状态。

this.setState()

二、All Autocomplete

QQ20171102-153548.png

这个插件可以提示你在项目中已经打出来的组件名字,对与VCSode里面对React组件名不自动提示的问题真是大大的福利。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容