[용어정리] React에서 Element와 Component의 차이는?

React로 공부한지 4일째 컴포넌트를 배우고 있는데

 

#1번

 

#2번

 

1번과 2번의 차이가 궁금했다. 2번은 화살표 함수로 만든 함수형 컴포넌트라는 것 까진 알겠는데 1번은 변수인 것인가.. 뭔가 싶었다. 그래서 구글링 하다가

 

https://velog.io/@heumheum2/%EA%B8%B0%EC%88%A0%EB%A9%B4%EC%A0%91-%EC%A4%80%EB%B9%84%ED%95%98%EA%B8%B0-3

기술면접 준비하기-3

이 글을 읽어봤는데

 

1번의 정체는  Element였다!

Element는 태그를 지정하는 객체이고, 불변한다. 우리가 화면에서 보는 것을 얘기한다.

Component는 props로 입력을 받을 수 있고 Element를 반환하는 함수 혹은 클래스를 얘기한다. 또한 state도 가질 수 있다!

 

 

더 참고하면 좋은 

 

https://reactjs.org/docs/glossary.html#elements

Glossary of React Terms – React

 

https://reactjs.org/docs/components-and-props.html

Components and Props – React

 

https://sambalim.tistory.com/117

React Element와 Component 차이