[React] Element 와 Component의 차이점

Element

• 엘리먼트는 컴포넌트를 이루는 작은 단위이다.
• 엘리먼트는 인스턴스가 아니다. 엘리먼트는 immutable한 plain object이다. (엘리먼트가 생성되면 절대로 변화되지 않는다.)
• 엘리먼트는 컴포넌트 인스턴스나 DOM노드에 관한 정보를 묘사하고 있다.
• 엘리먼트는 바로 사용되지 않으며 컴포넌트에서 리턴받아 사용되곤 한다.
• 엘리먼트는 타입과 속성 두가지 필드로 구성된다.

 

Component

• 함수 컴포넌트는 데이터를 가진 props객체를 인자로 받아 엘리먼트를 반환한다.
• UI를 재사용 가능한 개별적인 여러조각으로 나눈 것이다.
• 컴포넌트는 엘리먼트 트리를 캡슐화 한다.