hooks-market --- vscode user-snippets

{
    "hooks-market": {
        "scope": "javascript, typescript, javascriptreact, typescriptreact",
        "prefix": "hooks-market",
        "body": [
            "import React, { useEffect, useState } from 'react';",
            "import { withRouter, RouteComponentProps, useHistory, Link } from 'react-router-dom';",
            "import { observer } from 'mobx-react';",
            "import { Button } from '@material-ui/core';",
            "import { styled } from '@material-ui/core/styles';",
            "import { isEmpty } from 'lodash';\n",

            "import Color from '@subTool/color';\n",

            "interface IProps extends RouteComponentProps {}",
            "interface IState {}\n",

            "const $1 = (props: IProps, state: IState) => {",
                "\tconst history = useHistory();\n",

                "\tuseEffect(() => {",
                    "\t\treturn () => {};",
                "\t}, []);\n",

                "\treturn (",
                    "\t\t<section className=\"hello\">Hello</section>",
                "\t);",
            "};\n",

            "export default withRouter(observer($1));\n",
        ],
    },
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容