함수형 컴포넌트

Functional Component

함수형 컴포넌트는 함수 문법으로 정의된 컴포넌트를 말한다.

function MainComponent(){
    return (
        <>
            <h1>This is functional component</h1>
        </>
    );
}
const app = ReactDOM.createRoot(document.querySelector("#app"));
app.render(<MainComponent/>);

클래스 컴포넌트에 비해 규칙이 간소화 되어있으며, 초기화 및 사용 방법 등에 차이가 있다. 함수 이름이 태그 이름이며 함수형 컴포넌트에서는 JSX가 반환되어야 한다.