클래스형 컴포넌트(Class Comoponents)

클래스형 컴포넌트는 ES6 클래스와 기능 구성 요소가 비슷하며,
props라는속성 개체를 수신하여 UI를 표출하는 HTML(JSX)을 반환한다.
내부 상태를 유지할 수 있는 state 사용한다.

컴포넌트 사용방법

1. 컴포넌트 생성 및 설정

Welcome.js

import React, { Component } from "react";

class Welcome extends Component {
    render () {
        return <h1>Hello, React</h1>
    }
}

export default Welcome;

2. 컴포넌트를 가져오고 선언

App.js

import Welcome from './components/Welcome';

function App() {
  return (
    <div className="App">
      <Welcome/>
    </div>
  );
}

export default App;