리액트

컴포넌트

Choiji 2021. 3. 24. 12:36

※ 함수형 컴포넌트 구조

함수형 컴포넌트 구조

함수형 컴포넌트 특징

  • 클래스형 컴포넌트보다 선언하기 편함
  • 클래스형 컴포넌트 보다 메모리 자원 덜 사용
  • 프로젝트를 빌드 배포할 때도 클래스형 컴포넌트보다 파일 크기가 작음(중요하지는 않음)

※ 클래스형 컴포넌트 구조

클래스형 컴포넌트 구조

 

클래스형 컴포넌트 특징

  • state 기능 및 라이프 사이클 기능을 사용 가능
  • 임의 메서드를 정의할 수 있음
※ 리액트 공식 매뉴얼에서는 컴포넌트를 새로 작성할 때 함수형 컴포넌트와 Hooks를 사용하도록 권장하고 있습니다.

'리액트' 카테고리의 다른 글

state  (0) 2021.03.24
props  (0) 2021.03.24
JSX란?  (0) 2021.03.23
리액트 작업 환경 설정  (0) 2021.03.23
리액트란?  (0) 2021.03.23