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