如果您希望在VS Code中创建React functional component代码段，请按照以下步骤操作。
1.转到File - Preferences - Configure User Snippets
1.下拉菜单将出现。选择New Global Snippets file并键入所需的<any-name>，然后按回车键
1.应使用以下名称创建文件<any-name>.code-snippet
1.粘贴此代码。您在prefix中键入的任何内容都将成为组件触发器

{
  "React Functional Component": {
    "prefix": "rfc",
    "body": [
      "import React from \"react\"",
      "",
      "const ${1:name} = (props) => {",
      "  return (",
      "    <div>",
      "      $2",
      "    </div>",
      "  )",
      "};",
      "",
      "export default ${1:name};",
      ""
    ],
    "description": "React Functional Component"
  }
}

1.保存文件
1.键入（在本例中）rfc并按Enter键。

我对新组件使用了rafce live模板。
这将创建如下代码：

import React from 'react';

const MyComponent = () => {
    return (
        <div>
        
        </div>
    );
};

export default MyComponent;

如果要生成函数组件片段，请使用以下键
功能组件-〉rnsf
常数分量-〉tsnf
VS代码

sfc与“Simple React Snippets”扩展一起使用以创建无状态功能组件。生成的模板为：

const ... = () => {
 return (  );
}

export default ...;

我找到了我的问题的解决方案（tnx到Krzysztof Podmokły）。我想分享一些改进的代码，特别是在React组件（它填充文件的名称，而不仅仅是名称，我删除了导入React，只要它不需要了）。

{
      "React Functional Component": {
        "prefix": ["rfc"],
        "body": [
          "",
          "const $TM_FILENAME_BASE = () => {",
          "  return (",
          "    <div>",
          "      $2",
          "    </div>",
          "  )",
          "};",
          "",
          "export default $TM_FILENAME_BASE",
          ""
        ],
        "description": "React Functional Component"
      }
    }