본문 바로가기

개발

클래스형 컴포넌트와 함수형 컴포넌트의 차이

클래스형:

- state, lifeCycle 관련 기능사용이 가능

- 임의 메서드 정의 가능

import React, {Component} from 'react';

class App extends Component {  //component를 extends 받아야함
	render() {   //render는 반드시 필요
    	const name = 'react';
    	return <div className="react">{name}</div?
    	}
    }
    
export default App;

 

함수형: 

- state, lifeCycle관련 기능사용 불가능( React Hook으로 해결 가능)

- 메모리 자원을 조금 덜 사용

- 컴포넌트 선언이 편함