add React Functional Component snippet
This commit is contained in:
parent
b6f8c3b5b8
commit
ac24424a27
22
.vscode/.snippet.code-snippets
vendored
22
.vscode/.snippet.code-snippets
vendored
@ -15,5 +15,27 @@
|
|||||||
"`}</style>"
|
"`}</style>"
|
||||||
],
|
],
|
||||||
"description": "Log output to console"
|
"description": "Log output to console"
|
||||||
|
},
|
||||||
|
"React Functional Component": {
|
||||||
|
"scope": "typescriptreact",
|
||||||
|
"prefix": "rfc",
|
||||||
|
"body": [
|
||||||
|
"import * as React from 'react';",
|
||||||
|
"import { FunctionComponent } from 'react';",
|
||||||
|
"",
|
||||||
|
"const $TM_FILENAME_BASE: FunctionComponent = () => {",
|
||||||
|
"\treturn (",
|
||||||
|
"\t\t<div>",
|
||||||
|
"\t\t\t$0",
|
||||||
|
"\t\t\t<style jsx>{`",
|
||||||
|
"\t\t\t\t",
|
||||||
|
"\t\t\t`}</style>",
|
||||||
|
"\t\t</div>",
|
||||||
|
"\t);",
|
||||||
|
"}",
|
||||||
|
"",
|
||||||
|
"export default $TM_FILENAME_BASE;"
|
||||||
|
],
|
||||||
|
"description": "Log output to console"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user