Class component

개발공부를 제대로 시작한지 한달도 안된 나는 며칠전, 컴포넌트를 조립하는 방법을 찾다가 클래스형 컴포넌트를 처음보았다. 클래스형 컴포넌트를 적용하던 중 부딪힌 난관은 useState가 안된다는 것.

알고보니 클래스형 컴포넌트에서는 useState와 같은 hooks를 지원하지 않아서 따로 빼서 정의해줘야했다.

이런 문제들로인해 이재는 거의 쓰지 않는다고한다.

class 함수명 extends Component{

	render(){
    }

}

의 형태로 사용한다.

render()가 꼭 있어야하며, 여기에 JSX가 들어간다. 함수형 컴포넌트의 return() 부분과 같다.

functional Component

export default function 함수명(){

	return(
    )

}

의 형태로 사용한다.

컴포넌트를 조립하려고 검색해 본 것이었지만,
결론은 그냥 사용하던 함수형 컴포넌트의 return() 부분에 임포트해서 써주니까 됐다...
시도를 먼저 해봤어야...