美文网首页RN
React Native基础<二>VSCode常用插

React Native基础<二>VSCode常用插

作者: 四月天__ | 来源:发表于2017-11-28 10:08 被阅读17次

一、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组件名不自动提示的问题真是大大的福利。

相关文章

网友评论

    本文标题:React Native基础<二>VSCode常用插

    本文链接:https://www.haomeiwen.com/subject/jgmspxtx.html