[FE] fix: api 중복 요청 방지 #897
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Closed
BadaHertz52
approved these changes
Oct 22, 2024
| @@ -19,7 +19,9 @@ const useMutateHighlight = ({ | |||
| }: UseMutateHighlightProps) => { | |||
| const mutation = useMutation({ | |||
| mutationFn: (newEditorAnswerMap: EditorAnswerMap) => postHighlight(newEditorAnswerMap, questionId), | |||
|
|
|||
| onMutate: () => { | |||
skylar1220
pushed a commit
that referenced
this pull request
Nov 5, 2024
* fix: 리뷰 제출 api 중복 요청 방지 * feat: post 요청에 대한 api 중복 요청 방지
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
먼저.. PR이 늦어져서 미안합니다!
🚀 어떤 기능을 구현했나요 ?
형광펜,리뷰 제출,url 생성요청에 대해 작업했습니다.🔥 어떻게 해결했나요 ?
react query v5에서는 요청 중인지를 나타내는 isPending 상태를 기본적으로 제공합니다.
onMutate에서 isPending이라면 바로 return하도록 처리했습니다. onMutate는 mutate를 실행하기 이전에 먼저 실행될 코드가 작성되는 부분입니다.기존에 리뷰 제출 버튼을 빠르게 눌렀을 때 post 요청이 두 번씩 갔었는데, 호출 방지 이후에는 한 번만 가는 것을 확인했습니다.
형광펜의 경우 CPU throttle을 걸어두고 빠르게 버튼을 눌렀을 때 한 번만 가는 것을 확인했습니다.
url 생성 버튼의 경우 디바운스와 함께 적용되어 있는데, 빠르게 버튼을 눌렀을 때 한 번만 가는 것을 확인했습니다.
📝 어떤 부분에 집중해서 리뷰해야 할까요?
📚 참고 자료, 할 말