咨询：已启用ES7 React/Redux/GraphQL/React-Native代码片段扩展的Visual Studio中React函数组件代码片段的快捷键

嘿，既然你已经启用了ES7 React/Redux/GraphQL/React-Native代码片段扩展，那给你分享几个最常用的React函数组件快捷键——都是敲完关键词按Tab就能生成对应模板的：

• 基础命名函数组件：输入 rfce 后按Tab，会生成带默认导出的标准函数组件模板，示例如下：

import React from 'react'

function ComponentName() {
  return (
    <div>
      
    </div>
  )
}

export default ComponentName

• 箭头函数组件：输入 rafce 后按Tab，会生成箭头函数形式的组件（同样自带默认导出），模板示例：

import React from 'react'

const ComponentName = () => {
  return (
    <div>
      
    </div>
  )
}

export default ComponentName

要是记不全快捷键，你可以在VS里按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac），输入「ES7 snippets」就能调出所有可用的代码片段列表，直接找React组件相关的就行。

内容的提问来源于stack exchange，提问作者Sergey Kirillov