React > 컴포넌트에 대한 이해

React Components 는 항상 HTML 문서를 반환한다.

 

이때 JSX 문서 형식을 이용한다. 

 

클릭과 같은 이벤트와 CSS 도 같이 넣을 수 있다. 

 

하나의 완성된 HTML 문서라고 생각하면 된다. 

 

이제 레고에서 하나의 블록을 만들었다고 생각하자. 

 

원하는 모양의 html 문서를 조합하면 된다. 

 

조합된 html 문서는 보였다 안보였다 하면서 화면을 변경한다. 

 

React 에서도 JavaScript 와 비슷하게 적용한다.

 

JavaScript Event

onclick="shoot()"

 

React Event

onClick={shoot}