코알누 클래스 컴포넌트(옛날 방식이지만 중요한것)

코알누 강의에서 state영상 다뤘던게 있는데 그걸 가져와보자.

 

rcc 코드 단축키 사용

import React, { Component } from 'react'

export default class AppClass extends Component {
  render() {
    return (
      <div>AppClass</div>
    )
  }
}

 

 

 

export default class AppClass extends Component {

    constructor(props){
        super(props)
        this.state={
            counter2:0,
        }
    }

클래스를 생성할때 constuctor가 사용된다.

 

 

  increase=()=>{
        this.setState({counter2:this.state.counter2+1})
    }

이게 기존의 함수형 컴포넌트랑 차이점이 state별로 setState함수를 만들어주었다.

클래스 컴포넌트는 위의 코드처럼 한번에 만들고 한번에 업데이트함