React Function Snippets 1.0.8

新的介绍内容：

React Function Snippets是一款专为React开发者设计的极简VSCode模板插件，旨在通过简洁的语法和丰富的代码片段，提升您的开发效率。

安装使用：

安装后，您可以在JS、CSS文件以及扩展文件（如TSX、less等）中输入命令，即可使用插件提供的代码片段。

支持的代码片段：

• cl：console.log($0)
• clo：console.log({$0})
• cln：className={styles.$1}$0
• sty：style={{ $1 }}
• esp：e.stopPropagation(); e.preventDefault();
• cus：const [$1,set$1] = useState($2);
• ue：useEffect模板
• uc：useCallback模板
• um：useMemo模板
• uf：const $1 = useRef(${2:null})
• im：import $1 from '$2$1'
• imo：import { $1 } from '$2'
• imr：import * as React from 'react';
• iro：import React, { xx } from 'react';
• ird：import { useSelector, useDispatch } from 'react-redux';
• ima：import { $1 } from 'antd';$0
• ims：import styles from './index.module.less';
• ics：import classNames from 'classnames';
• isg：import { ReactComponent as $1Svg } from '$1.svg';
• els：css text-overflow: ellipsis
• sgl：& :global($1){$2};
• esp：e.stopPropagation(); && e.preventDefault();
• rct：React组件模板
• rctm：React Memo组件模板

React组件模板（rct）：

import React from 'react';
import styles from './index.module.less';

const FC = () => {
  return (
    <div className={styles.wrap}>

    </div>
  );
};
export default FC;

React Memo组件模板（rctm）：

import { memo } from 'react';
import styles from './index.module.less';

const FC = () => {
  return (
    <div className={styles.wrap}>

    </div>
  );
};
export default memo(FC);

通过React Function Snippets，您可以快速插入常用的React代码片段，简化开发流程，提高工作效率。无论您是新手还是经验丰富的开发者，都能从中受益。