Functional / Class Component

Functional Component

import React from 'react';

function App () {
	return (
		<div>Function Component</div>
	);
}

Class Component

import React, { Component } from 'react';

class App extends Component {
	render() {
		return (
			<div>Class Component</div>
		);
	}
}

차이점

Functional Component는 state와 lifecycleAPI를 사용할 수 없습니다. 그러나!! React Hooks의 등장으로 Functional Component에서도 state 선언이나 lifecycleAPI를 사용할 수 있게 되었습니다