用于 Zewail-React 开发环境的代码提示工具,包括:
- import
- react
- redux
- redux-saga
- react-redux
- react-router
使用
import
关键字 |
内容 |
ims |
import $1 from '$2' |
imo |
import { $2 } from '$1' |
imcp |
import ${1:componentName} from '@/components/${1:componentName}' |
imr |
import React, { Component } from 'react' |
imcon |
import { connect } from 'react-redux' |
imct |
import ${1:ContainerName} from '@/components/${1:ContainerName}' |
imcls |
import ClassNames from 'classnames' |
react
关键字 |
内容 |
rcc |
Class组件 |
rcf |
包含所有生命周期方法的Class组件 |
rcl |
函数式组件 |
关键字 |
内容 |
cwm |
componentWillMount 方法 |
cdm |
componentDidMount方法 |
cwr |
componentWillReceiveProps方法 |
scu |
shouldComponentUpdate方法 |
cwu |
componentWillUpdate方法 |
cdu |
componentDidUpdate方法 |
cwun |
componentWillUnmount方法 |
ren |
render 方法 |
关键字 |
内容 |
ss |
this.setState({ $0 }) |
ssf |
this.setState((prevState, props) => ({ $0 }) |
bnd |
this::this.${0:handleFunctionName} |
redux
关键字 |
内容 |
connect |
@connect(({ $1 }) => ({ $2 })) |
其他
关键字 |
内容 |
log |
console.log('$0 ===========================>', $1) |
| |