VSCode片段React Reducer的代码示例

不管我看了多少次React的文档...我总是怀疑哪个是减速器函数的骨架。

有一些VSCode扩展可以做到这一点。问题是，我已经安装了大量的扩展，所以，有一个代码片段代替。

只要打开Snippets: Configure User Snippets ，在JSON中添加以下部分：

    "react-reducer": {
        "scope": "javascriptreact,typescriptreact",
        "prefix": "\\reducer",
        "body": [
            "function reducer(state, action) {",
            "\tswitch(action.type) {",
            "\t\tcase \"${1:foo}\": {",
            "\t\t\treturn {",
            "\t\t\t\t...state,",
            "\t\t\t\tfoo: action.foo,",
            "\t\t\t};",
            "\t\t}",
            "\t}",
            "\tthrow Error('Unknown action: ' + action.type);",
            "}"
        ],
    },

注意：我使用一个自定义前缀来命名我的自定义代码段(\\)；这样我就能在建议框中更快地找到我的代码段。

感谢阅读。
💚