vscode中react快捷键使用

插件安装es7

1. rcc：快速生成class ## 标题component

import React, { Component } from 'react'

export default class Detail extends Component {
  render() {
    return (
      <div>
        
      </div>
    )
  }
}

2.rcf：快速生成function component

import React from 'react'

export default function Detail() {
  return (
    <div>
      
    </div>
  )
}

3.rconst：快速生成constrctor

constructor(props) {
  super(props)

  this.state = {
     
  }
}

tip：先rcc生成class component，再rconst生成constructor()构造函数

4.rcredux：快速生成redux模版

import React, { Component } from 'react'
import { connect } from 'react-redux'

export class Detail extends Component {
  render() {
    return (
      <div>
        
      </div>
    )
  }
}

const mapStateToProps = (state) => ({
  
})

const mapDispatchToProps = {
  
}

export default connect(mapStateToProps, mapDispatchToProps)(Detail)