[React] 클래스형 컴포넌트, 함수형 컴포넌트

클래스형 컴포넌트

클래스형 컴포넌트 이후에 더 편한 함수형 컴포넌트가 나왔지만,

클래스형은 라이프사이클 사용이 용이하다고 한다.

 

import React, {Component} from 'react';

class App extends Component { //class가 필요하고 component로 상속 받는다.
  render() { //render 메소드가 필요하다.
    return (
    <div>hello world!</div>
    )
  }
}

 

함수형 컴포넌트

클래스형 이후에 나왔고, 초기 세팅도 함수형으로 되어있다.

클래스형보다 사용하기 편리하고, 초기엔 라이프사이클 사용에 제한이 있었지만 리액트 훅으로 보완이 가능하다고 한다.

 

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

function App() {
  return (
  <div>hello world</div>
  )
}