Elements

  1. 리액트 빌딩 블록중 가장 작은 단위

  2. Elements는 화면에서 보이는 것들을 기술
  3. 리액트 Elements는 JS 객체 형태로 존재 (불변성) 
    {
 type: Button,
 props: {
     color: 'green',
     children: 'Hello, elements'
 }
}

React Elements 의 특징

React elements are immutable (불변성)
  • Elements 생성후 에는 children 이나 attributes를 바꿀 수 없다.

Elements Rendering

Root DOM Node

<div id="root"></div>


 const element = <h1> 안녕, 리액트!</h1>
 ReactDOM.render(element, document.getElementById('root'))
 // element를 DOM element에 랜더링 하는 함수

✅ Elements는 생성 후 불변하기 때문에 바꿔치기를 잘해야한다.