Reactjs JSX组件（函数）在VS代码中自动完成？

VS代码中是否有特殊的自动完成键或键序列，可在键入以下内容后快速为组件创建骨架函数：

function [FunctionName]  

这将产生以下结果：

function [FunctionName] (){  
  return();  
}

---

我在看一个PluralSight培训视频，作者只是输入了“function[FunctionName]”，然后不知何故触发了一个自动完成，创建了其余的括号，包括return语句。我已经研究了代码片段，但必须有一种更简单的方法…

有大量的vscode扩展可以实现这一点。这些被称为“片段”，你可以找到大量的信息

一个例子是dsznajder的扩展

扩展将允许您执行与示例类似的操作，将

nfn

转换为

constfunctionname=（params）=>{}

---

正如您的问题所要求的，您可以通过键入

rce

来生成组件的脚手架

这将自动完成以下操作：

import React, { Component } from 'react'

export class FileName extends Component {
  render() {
    return <div>$2</div>
  }
}

export default $1

import React，{Component}来自“React”
导出类文件名扩展组件{
render（）{
返回$2
}
}
导出默认值$1