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);",
            "}"
        ],
    },

참고: 사용자 정의 스니펫의 이름을 지정하기 위해 사용자 정의 접두사를 사용합니다( \\ ). 이렇게 하면 제안 상자에서 스니펫을 더 빨리 찾을 수 있습니다.

--

unDraw의 표지 이미지

읽어 주셔서 감사합니다.
💚