REACT_함수형 컴포넌트

언제 함수형 컴포넌트를 사용해야 할까?

함수형 컴포넌트는 컴포넌트에서 라이프사이클, state 등 불필요한 기능을 제거한 상태이기 때문에 메모리 소모량은 일반 클래스형 컴포넌트보다 적습니다. 리액트 v16이상에서는 함수형 컴포넌트 성능이 클래스형 컴포넌트보다 조금 더 빠릅니다.

그래서 state나 라이프사이클 API를 꼭 써야 할 때만 클래스형태로 변환하여 컴포넌트를 작성하면 됩니다.

import React from 'react';
function Hello(props){
    return(
    <div>Hello {props.name}</div>
    )
}
export default Hello;

import React from 'react';
const Hello = ({name}) =>{
  return (
      <div>Hello {name}</div>
  )
}