리액트 만들기 단축키

rfce

import React from 'react'

function 파일명() {
  return (
    <div>파일명</div>
  )
}

export default 파일명

rafce

import React from 'react'

function 파일명 = () => {
  return (
    <div>파일명</div>
  )
}

export default 파일명

rfc

export default function 파일명() {
  
  return ;
}

rcc

import React, { Component } from 'react'

export default class 파일명 extends Component {
  render() {
     return (
       <div>파일명</div>
     )
  }
}

useS

const [first, setfirst] = useState(second)

useE

useEffect(() => {
  first
  
  return () => {
    second
  }
}, [third])