[React] Elements

Elements

 - 리액트를 구성하는 성분

 -  리액트 앱을 구성하는 가장 작은 블록들

 

실제 브라우저 Dom에 존재하는 Elements는 DOM Elements가 되고 

React virtual DOM에 존재하는 Elements는 React Elements이다

 

 React Elements는 DOM Elements의 가상표현이다.

 

 React Elements

 - 화면에서 보이는 것들을 기술

 

생김새

 - 자바스크리브 객체 형태 

 - 한번 생성되면 못 바꿈 

{
  type :' button',
  props: {
    className:'bg-green',
    children:{
      type:'b',
      props:{
        children:'Hello, element!'
    }
  }

}

// 랜더링 후

<button class ='bg-green'>
 <b>
   Hello, element!
  </b>
</button>

 

특징

  불변성 (immutable)

    -  Elements 생성 후에는 children이나 attrubytes를 바꿀 수 없음