[React] 클래스 컴포넌트란 무엇인가?

react

Class component

component 선언하는 두 가지 방법 중 하나. [클래스 컴포넌트 & 함수 컴포넌트]

현재는 자주 사용 되지 않음.

state, lifeCycle등 사용 가능.

---

Class component 사용 방법

class로 정의하고 render() 함수를 통해 JSX를 반환.

Component로 상속 받아야 함.

import React from 'react';

class App extends React.Component{
render(){
	...
}

export default App;

---

state

Component 내부에서 바뀔 수 있는 값

---

Class component - state 사용

constructor(생성자) 안에서 this.state 초기 값 설정 가능

constructor(생성자) 없이 바로 state 초기 값 설정 가능

Object 형식으로 사용

this.setState() 로 state값 변경 가능

---

정리

후에 class component를 사용하여야 할때 다시 정리해볼 생각입니다.

 

React reference에서는 function component 와  Hooks을 사용하도록 권장하고 있습니다.

 

 

참고 자료

https://velog.io/@sdc337dc/0.%ED%81%B4%EB%9E%98%EC%8A%A4%ED%98%95-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8

클래스형과 함수형 차이

https://react.vlpt.us/basic/24-class-component.html

24. 클래스형 컴포넌트 · GitBook

https://overreacted.io/ko/how-are-function-components-different-from-classes/

함수형 컴포넌트와 클래스, 어떤 차이가 존재할까?