5. Component(코딩애플)

어떤걸 Component로 만드는게 좋을까?

• 반복출현하는 HTML 덩얼이들
• 자주 변경되는 HTML UI들

 

1. 한 페이지 내에서 생성

function 컴포넌트이름() {
 return(
 	원하는 HTML담기
 )
}

.
.
.

필요한 곳 가서 

<컴포넌트이름></컴포넌트이름> or <컴포넌트이름 />

넣기

 

Component 유의사항

1. 이름은 대괄호
2. return() 안에 있는건 태그 하나로 묶어야함 (형제태그x)

     -정 여러태그 써야한다면 <></>

function 컴포넌트이름() {
	return(
      <>				 // <></>로 감싸기
      <div>
          <h2></h2>
          <p></p>
      <div/>
      <div></div>
      </>
    )
}