Create shortcuts for the React component using vscode

Plug-in installation

shortcuts

RCC creates a component quickly

import React, { Component } from 'react'

export default class Example extends Component {
    render() {
        return (
            <div>
                
            </div>)}}Copy the code

Rconst creates a constructor quickly

constructor(props) {
    super(props)

    this.state = {
         
    }
}
Copy the code

Rcep quickly creates a component

import React, { Component } from 'react'
import PropTypes from 'prop-types'

export class Example extends Component {
    static propTypes = {

    }

    render() {
        return (
            <div>
                
            </div>)}}export default Example
Copy the code

Rcredux quickly creates a class model in Redux format

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

export class Example extends Component {
    render() {
        return (
            <div>
                
            </div>)}}const mapStateToProps = (state) = >({})const mapDispatchToProps = {
    
}

export default connect(mapStateToProps, mapDispatchToProps)(Example)
Copy the code

CLG is a shortcut to console.log()