VS Code React快速代码插件ES7+ React/Redux/React-Native snippets

ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace Extension for Visual Studio Code - Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

React-Native/React/Redux snippets for es6/es7 version Standard - Visual Studio Marketplace Extension for Visual Studio Code - Code snippets for React-Native/React/Redux es6/es7 with the standard stylehttps://marketplace.visualstudio.com/items?itemName=EQuimper.react-native-react-redux-snippets-for-es6-es7-version-standard

 imrc：引入react组件

import React, { Component } from 'react'

imrd：引入reactdom

import ReactDOM from 'react-dom'

imp：引入module

import moduleName from 'module'

 redux：入引redux

import { connect } from 'react-redux'

nfn：箭头函数

const functionName = (params) => { }

anfn：匿名函数

(first) => {
   second;
 };

  rcc：类组件

import React, { Component } from 'react';
  
  export default class index extends Component {
    render() {
      return <div></div>;
    }
  }

rfc：无状态组件

import React from 'react';
  
  export default function index() {
    return <div></div>;
  }

 clg：打印

console.log(first);

fof：for循环

for(let itemName of objectName { }

exp：导出

export default moduleName

prom：Promise

return new Promise((resolve, reject) => { }

cp：Props

const { } = this.props

cs：state

const { } = this.state

 dob：解构对象

const { second } = first;

 dar：解构数组

const [second] = first;

ren：煊染

render() { return( ) }

sst：设置

this.setState({ })