🌊

React関数コンポーネントの雛形をrfceで生成する方法

2023/07/02に公開

VS Codeのrfceコマンドを使用すれば、Reactの関数コンポーネントの雛形を一瞬で作成できます。

やり方はまず、VS Codeの拡張機能「ES7 React/Redux/GraphQL/React-Native snippets」をインストールします。

次にファイル上でrfceと入力しタブキーを押下。

これでReactの関数コンポーネントの雛形を作成できます。

import React from 'react'

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

export default index

Discussion