Agile育成ブログ
未来を変える喜びを
未分類

ES7+ React/Redux/React-Native Snippets

  /

rfc

Functional Component（関数コンポーネント）が作成されます。
他のファイルで利用する必要がなく、主にそのファイル内で閉じた範囲で使用する場合に適しています。

import React from 'react'
export default function page() {
  return (
    <div>page</div>
  )
}

rfce

import React from 'react'

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

export default Navbar

rafc

Arrow Function Component（アロー関数コンポーネント）。

import React from 'react'

export const Navbar = () => {
  return (
    <div>Navbar</div>
  )
}

rafce

Functional Component with Export（エクスポート付き関数コンポーネント）が作成されます。
作成したコンポーネントを他のファイルで再利用する場合に便利です。

import React from 'react'

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

export default Navbar
RELATED POST