【无标题】

tsx vscode里面无法使用tsx格式代码片段

将经常使用的代码抽取出来，当做代码片段进行使用

问题描述

我这里遇到的问题是在vscode里面无法使用tsx格式的代码片段，无论怎么换文件，对软件进行降级依然无法使用代码片段。

"tsreact": {
		"prefix": "tsreact",
		"body": [
		  "import React, { memo } from 'react'",
		  "import type { FC, ReactNode } from 'react'",
		  "",
		  "interface IProps {",
		  "  children?: ReactNode",
		  "}",
		  "",
		  "const ${1:Home}: FC<IProps> = () => {",
		  "  return <div>${1:Home}</div>",
		  "}",
		  "",
		  "export default memo(${1:Home})",
		  ""
		],
		"description": "tsreact"
	  },
	}

---

原因分析：

好久不使用，系统反应不过来（感觉这个就是扯淡）~~~~

---

解决方案：

将这段代码片段重新拷贝下来，重新保存进去，试试。
或者就是打开设置=>用户代码片段=>新建全局代码片段=>新建一个你需要使用的后缀名的文件，将新的代码片段拷贝进去，保存即可。重启vscode