별점기능 구현에서 별점을 클릭했을때 Post메소드로 통해서 점수를 백엔드 서버에 전송해서 DB에 저장을 한후에 저장된 값을
Get메소드로 가져올려고 했다. 그럼 fetch함수를 두번사용해서 구현하는데 Post의 fetch가 함수가 실행되고 다음
get의 fetch함수가 실행될때 텀이 생기는데 이 사이에 클릭이 fetch를 실행하는 함수가 중첩되면서 오류가 생겼다!!
해결책으로는 post함수 한번으로 get기능도 실행 할 수 있다
현재 registerStarScore함수는 별점구현을 했을때 fetch를 통해서 점수를 post를 통해서 서버에 보내주고
두번째 .then에서 백엔드에서 보내준 data중 평점값을 가진 키값에 접근을해서 바로 setState를 통해서 변경이 가능하다.
물론 이방법은 백엔드에서 post를 받은 후 돌려주는 리턴값으로 받은 평점을 데이터(객체)에 담아서 보내줘야 쓸 수 있는
기능이다.
'React' 카테고리의 다른 글
| TIL 20 리액트 함수형 컴포넌트(useState) (0) | 2021.11.18 |
|---|---|
| TIL 19 Props로 받은값 State로 넘기기 (0) | 2021.11.10 |
| TIL 17 React 별점구현하기(기본) (0) | 2021.11.07 |
| TIL 16 MockData 활용하기 (0) | 2021.11.04 |
| TIL 15 React LifeCycle (0) | 2021.10.29 |
