리액트)상품수정페이지만들기

1. 상품수정페이지 분석

 

1-1 상품관리페이지에서 이동시 상품번호를 가져간다.

1-2 상품번호로 상품명 상품설명 상품가격을 출력을 위해서 가져온다.

1-3 상품입력창에 상품정보를 뿌려준다

1-4 상품정보를 기본값으로 하고 입력값을 받아준다

1-5 insert는 해당상품번호의 상품을 싹 갈아주지만 update는 변화된부분만 갈아준다

 

 

2. 상품수정페이지 구현

 

2-1 input에 onchange를 붙여 입력값을 state로 전송한다

2-2 state의 자료형의 기본값(키)를 만들어두고 기본값 객체를만들어둔다

2-3 item객체에 setitem의 기존item과 이벤트객체의 키와값을 매핑시켜준다

2-4 usestate에 1개의 객체를 선언해뒀으니 같은키를 인식하고 값을 넣어준다

2-5 formdata에 상품정보,상품번호,이미지파일을 넣어준다.

2-6 post방식으로 넣어준다.->아직 파일과 pahtvariable이 되는지모르겠다

2-7 상품번호 상품정보 이미지파일 모두 컨트롤러나 서비스단에서 정보들을 다시재조립해주며된다.