컴포넌트 만드는법

HTML 특징 더러움 그래서 컴포넌트로할꺼임

컴포넌트 만드는법 3step

1.function 만들고

2.return() 안에 html 담기

function Modal(props) {
  return (
    <>
      <div className="modal" >
        <h4>{props.글제목[0]}</h4>
        <p>날짜</p>
        <p>상세내용</p>
        <button onClick={() => {
          let copy = 글제목;
          copy[0] = '여자코트 추천'
          set글제목(copy)
        }}>{props.set글제목(copy)}</button>
      </div>
    </>
  )
}

3.<함수명><함수명>쓰기

 <Modal set글제목={set글제목} 글제목={글제목} />

함수는 다른 function 바깥에 만들어야됌 ㅇㅋ?

 

여타 다른팁

1.retrun ()안에는 <div>태그 하나만 들어가야한다고 알고있는데 여기서
의미없는 div 대신에 fragment라는 <> </>이녀석을써도됌
2.어떤걸 컴포넌트로 만들면 좋은가
1.반복적인 html 축약할때
2.큰페이지들
3.자주변경되는 것들
3.전부다 컴포넌트로 만들어도되는데
그러면안댐 책임이 따릅니다.
컴포넌트의 단점 state가져다쓸때 문제생김