用于 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) |