함수형 컴포넌트는 클래스형에 비해 간결한 문법으로 사용이 편리합니다.
다만 state와 lifecycle를 사용할 수 없었습니다.
React 16.8버전 이상에서 Hook의 등장으로 함수형 컴포넌트도 state와 lifecycle을 사용할 수 있습니다.
// JSX import React, {useState} from "react"; function funcName(props){ const [state, setState] = useState(0); return( <div> <p>{state}</p> <button onClick={() => setState(state+1)}>+</button> </div> ); } export default funcName;