vscode 插件快速创建 react 组件快捷键

插件安装

快捷键

rcc 快速创建一个组件

import React, { Component } from 'react'

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

rconst 快速创建一个 constructor

constructor(props) {
    super(props)

    this.state = {
         
    }
}

rcep 快速创建一个组件

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

export class Example extends Component {
    static propTypes = {

    }

    render() {
        return (
            <div>
                
            </div>
        )
    }
}

export default Example

rcredux 快速创建一个 redux格式的类模

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)

clg 是 console.log()的快捷键