8day - Re-useable Component

이주영·2022년 11월 9일
0

컴포넌트의 재사용성

하나의 파일을 여러 컴포넌트로 쪼개주는 이유는 재사용성과 유지보수가 용이하기 때문이다.
게시글 등록 페이지와 수정 페이지를 하나로 만들어준다면 변경했을 때 두 페이지 전부 변경이 되어 편리하다.
한 컴포넌트에서 등록하기와 수정하기가 각각 나오게 하려면 isEdit을 사용해주면 된다.
등록일 경우 isEdit={false}값을 주고, 수정일 경우 isEdit={true}값을 준다.
props를 통해 컴포넌트 파일에 isEdit의 boolean값을 전달해주고, 삼항연산자를 사용한다.

export default function Page(props {
	return (
      <>
		<h1>{props.isEdit ? "수정페이지" : "등록페이지"}</h1>
      </>
    )
}

0개의 댓글