logo

(React-query) useMutation?

language-logoReactJS
language-logoReact Query
language-logoNextJS

• useMutation은 react-query에서 데이터 변경을 위한 패칭 메서드로, 서버의 데이터값을 변경시키는 CUD(create, update, delete) 요청에 사용된다.
• useMutation이 호출되면 리턴되는 객체의 기본 형태가 나오지만, 이 자체로 서버에 요청이 가는 것이 아니라 mutate 함수를 호출해야 요청이 간다.
• useMutation의 두번째 인자로 콜백을 담당할 함수들을 전달하면, loading, error, success 상태를 분류해서 만들 필요가 없다. 알아서 비동기적으로 처리해준다.
• Next.js와 연동하면, 초기 전달 이후에도 react-query를 이용한 조건부 캐싱과 리패칭 기능을 통해 항상 최신의 데이터를 보여줄 수 있다. 이는 SEO와 빠른 초기 랜더링의 장점을 모두 살릴 수 있다.

thumbnail
북마크
공유하기
신고하기
5분 분량
조회수 269
profile-imagedevAnderson
2년 전
Copyright © 2025. Codenary All Rights Reserved.