美文网首页工作生活
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