美文网首页工作生活
vscode dva-antd适用代码片段

vscode dva-antd适用代码片段

作者: Sasoli | 来源:发表于2019-11-22 18:18 被阅读0次

    在js文件中输入jkReact按tab使用

    {
        "jkReact": {
            "prefix": "jkReact",
            "body": [
                "import React, { Component } from 'react';",
                "import { connect } from 'dva';",
                "import { message } from 'antd';",
                "import styles from './index.less';",
                "\r",
                "function tips(type, title) {",
                    "\tmessage.destroy();",
                    "\tmessage[type](title);",
                "}",
                "\r",
                "class ${1:name} extends Component {",
                    "\tconstructor(props) {",
                    "\t\tsuper(props);",
                    "\t\tthis.state = {",
                        "\r",
                    "\t\t};",
                    "\t}",
                    "\r",
                    "\tcomponentDidMount() {",
                    "\t\ttips('success', 'ok');",
                    "\t}",
                    "\r",
                    "\trender() {",
                        "\t\treturn (",
                            "\t\t\t<div className={styles.container}>",
                            "\t\t\t\t${2}",
                            "\t\t\t</div>",
                        "\t\t);",
                    "\t}",
                "}",
                "\r",
                "const mapStateToProps = state => {",
                    "\treturn {",
                    "\r",
                    "\t}",
                "}",
                "\r",
                "export default connect(mapStateToProps)(${1:name});"
            ]
        }
    }
    

    相关文章

      网友评论

        本文标题:vscode dva-antd适用代码片段

        本文链接:https://www.haomeiwen.com/subject/ehcgcctx.html