수정기능 만들기1

홍범선·2023년 9월 1일
0

Next.js

목록 보기
24/24

수정 페이지는 글작성 페이지와 똑같다.(하지만 글이 미리 채워진다.)

수정 버튼의 링크를 달아 수정페이지로 이동하게 한다.(_id)

수정 페이지를 만든다 (with Dynamic Route)


서버 컴포넌트 같은 경우 props의 dynamic route에 대한 params를 가져올 수 있다.
input 태그 안에 가져온 값을 넣을 때에는 value속성을 쓰면 된다.
하지만 value속성을 쓰니 값이 변하지 않았다. defaultValue를 써야지 값 변경이 되었다.

이제 서버에서 update해주는 api를 작성하자

update하기 위해서 _id값이 필요했다.

form에서 _id값은 따로 받지 않았다. 그래서 사용한 것이 hidden type이였다.

profile
알고리즘 정리 블로그입니다.

0개의 댓글