React - Class 문법

Class 문법은 옛날 문법이므로 최근에는 function 문법을 권장합니다.

 

Class 문법을 사용한 Component 생성

먼저 상단에 React 를 import 합니다.

 

 

Class 문법의 Component 의 기본 형식은 아래와 같습니다.

 

Class 문법을 사용한 State 만들기

Class 문법에서 setState 는 State 를 갈아 끼우는 느낌이 아니라, 변경사항만 딱 변경해주는 느낌입니다.

 

Class 문법에서 props 사용하기

Class 문법에서는 부모에서 보내준 props 를  constructor 로 받도록 되어있습니다.

아래와 같이 받아서 this.props 해서 사용하면 됩니다.