개발/React 학습

Component

RainyJune 2023. 2. 28. 23:29

Component

  • HTML 요소 집합을 특정 Function으로 정의하여 축약하는 방법.
  • Function의 return() 구문 내에 HTML 요소 집합을 담는다.
  • Function의 이름이 Component명이 된다.

 

Component 문법을 사용하기 적절한 예

  • 반복적인 HTML 요소들을 축약할 때
  • 내용이 큰 페이지를 쓸 때
  • 특정 HTML 요소들이 자주 변경될 때

Fragment 기법

  • Function에서 하나의 return 내에 동일한 태그를 병렬로 기입해야 하는 경우 해당 태그들을 또다른 태그로 묶어두거나 묶어두는 태그의 용도가 무의미하다고 느껴지면 <> </> 형태로 묶어둘 수 있다.

'개발 > React 학습' 카테고리의 다른 글

MAP()  (0) 2023.03.02
동적 UI  (0) 2023.03.02
Array, Object State  (0) 2023.02.28
onClick, setState  (0) 2023.02.28
State  (0) 2023.02.23