클래스형 컴포넌트

import React from "react";
import "./App.css";

function App() {
  const study = "리액트";
  return (
    <>
      <div className="react">{study}</div>
    </>
  );
}

export default App;

여기서 App은 함수형 컴포넌트이다. 이것을 다음과 같이 클래스형 컴포넌트로 변경할 수 있다.

 

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  render() {
    const study = '리액트';
    return <div className='react'>{study}</div>
  }
}

export default App;

render 함수가 사용된 것을 확인할 수 있다.