React Snippets 常用记录

最新推荐文章于 2025-05-16 20:32:40 发布

转载最新推荐文章于 2025-05-16 20:32:40 发布 · 365 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lemos/p/10926325.html

文章标签：

#javascript #ViewUI

博客介绍了JavaScript相关内容，包括PropTypes的多种类型定义，如数组、对象、字符串等类型的必填项；import的不同导入方式，如解构模块导入和导入PropTypes；还提及Redux的action、常量、reducer和selector模板。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官网

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

转载于:https://www.cnblogs.com/lemos/p/10926325.html