컴포넌트
-
클래스 컴포넌트 vs 함수형 컴포넌트Programming/JavaScript & TypeScript 2021. 9. 25. 21:22
react에는 함수형 컴포넌트와 클래스형 컴포넌트가 있다. 함수형 컴포넌트는 클래스형 컴포넌트와 동일하다. 클래스형 컴포넌트는 state기능및 라이프사이클 기능이 있고, 임의 메서드를 정의할 수 있다는게 장점 함수형의 장점은 선언하기 편하고, 메모리 자원도 적게 사용, 빌드 결과물의 크기도 작다. 단점은 state와 라이프 사이클 api 사용불가인데, 이게 React v16.8 이후에는 Hook으로 어느정도 커버 가능하다. 클래스형 컴포넌트 import React, {Component} from 'react'; class App extends Component { render() { const name = 'react' return {name} } } 함수형 컴포넌트 import React from 'r..