24. 수정/등록 페이지 컴포넌트 재사용

isEdit를 적을 때 -> isEdit={isEdit}라고 적으면 사진에 있는 const isEdit = “asdf”가 되어서 props.isEdit라고 적어야 한다

(qqq)왼쪽은 바꿔도 된다 = isEdit로 시작해서 계속 isEdit로 보내야 한다는게 아니다

그래도 같게 맞추는게 좋으니 isEdit를 쓴다

뚫고 들어가기 때문에 props drilling이라고 한다

계속 사용하는건 좋지 않음

연습용으로는 좋음

{props.isEdit ? "수정하기" : "등록하기"}

 

등록/수정화면 컴포넌틑 재사용 - router 연결

수정하기를 클릭하면

수정하기가 아닌 등록하기로 되어있음

맨 오륵쪽 위 폴더에 isEdit가 없음

없어서 undefined가 된다

undefined = false가 되어서 등록하기가 보이는 것

그래서 true를 줘야한다

다음 마지막 3번

등록하기는 onClickSubmit이 실행 되도록,
수정하기는 onClickUpdate가 실행 되도록 만들어야 함

이런식으로 update를 만든다

——————주의——————

router.query.number 주의