함수형 컴포넌트와 클래스형 컴포넌트

리액트에서 컴포넌트를 선언 하는 방식은 두가지 이다.

• 함수형 컴포넌트
• 클래스형 컴포넌트

함수형 컴포넌트

import React from 'react';

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

export default App;

클래스형 컴포넌트

import React, {Component} from 'react';

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

export default App;

클래스형 컴포넌트의 경우,

• state 기능 및 라이프사이클 기능을 사용할 수 있다.
• 임의 메서드를 정의할 수 있다.
• JSX를 반환해 주는 render 함수가 꼭 있어야 한다.

함수형 장단점