React Snippets 經常使用記錄

官網

 

 

PropTypes

ptar→ PropTypes.array.isRequired

ptor→ PropTypes.object.isRequired

ptsr→ PropTypes.string.isRequired

ptnr→ PropTypes.number.isRequired

ptbr→ PropTypes.bool.isRequired

 

 

import

imd→ import { destructuredModule } from 'module'

impt→ import PropTypes from 'prop-types'

redux→ import { connect } from 'react-redux'

 

 

Redux

rxaction→ redux action template

rxconst→ export const $1 = '$1'

rxreducer→ redux reducer template

rxselect→ redux selector template

reduxmap →

const mapStateToProps = state => ({})

const mapDispatchToProps = {}

 

　　

Template

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

export class FileName extends Component {
  static propTypes = {}

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

export default $1

　　

rfce
import React from 'react'

function $1() {
  return <div>$0</div>
}

export default $1

　　

rafce
import React from 'react'

const $1 = () => {
  return <div>$0</div>
}

export default $1

　　

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

export class FileName extends Component {
  static propTypes = {
    $2: $3,
  }

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

const mapStateToProps = state => ({})

const mapDispatchToProps = {}

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(FileName)

　　

 

Others

cmmb
/**
|--------------------------------------------------
| $1
|--------------------------------------------------
*/

　　

clg→	console.log(object)

　　

 

233