[RN] React Query useMutation에서 mutate() 콜백 실행 순서 정리

React Query useMutation에서 mutate() 콜백 실행 순서 React Query에서 데이터를 서버에 전송할 때 useMutation 훅을 사용합니다. 이 훅은 내부에 onSuccess, onError 등의 콜백을 등록할 수 있지만, mutate() 함수 호출 시에도 별도로 콜백을 넘길 수 있습니다.

그렇다면 다음과 같은 코드에서 콜백은 어떤 순서로 실행될까요? const mutation = useMutation({ mutationFn: apiCall, onSuccess: () => { console.log(' useMutation onSuccess') }, }) mutation.mutate(data, { onSuccess: () => { console.log(' mutate onSuccess') }, }) 실행 순서 mutate(..., { onSuccess })로 넘긴 콜백이 먼저 실행됩니다.

이후 useMutation({...}) 내부에 정의된 onSucces...