[React] Component 생성 및 사용

자주 쓰이는 html은 Component에 담아서 호출하여 편하고 깔끔한 html 작성이 가능하다

 

Component 생성

// function은 대문자로 시작하도록
// return 안에는 하나의 div값 안에 넣을것 
function Modal(){ 
  return (
    <div className='modal'>
      <h4>title</h4>
      <p>date</p>
      <p>content</p>
    </div>
  )
}

 

Component 사용

<함수명></함수명>

<Modal></Modal>