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組件名不自動提示的問題真是大大的福利。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容