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

함수형

클래스형

기능적으로는 같은 역할을 한다.

다만 클래스형은 return하는 요소들을 입력하는 것 이외에 다른 값들을 정의할 때 사용한다.

클래스형만 살펴보면

class SearchBar를 생성하고 extends(연장한다) React.Component(리액트 컴포넌트의 기능을)

으로 클래스를 정의한다

이때 React.Component대신 Component만 사용할 수 있는건 ES6기능으로

import시에 { Component } 는 

const Component = React.Compontent와 같은 기능을 하기 때문이다.

{속성}은 객체의 특정 속성만 불러와서 상수값으로 넣는 기능

이후에

렌더함수를 받고 리턴값을 리턴한다

이때 렌더함수를 받지 않는다면 에러!

또 함수형과 다르게 렌더 함수가 안에 있다.