Skip to main content

react-query에서 useMutation은 뭐하는 애일까(feat. useQuery)

  • useMutation은 API에게 POST, PUT, DELETE 시 사용
// App.tsx

const client = new QueryClient({});

return (
<QueryClientProvider client={client}>
<HomePage />
<QueryClientProvider>
)
// HomePage.tsx

const { mutate } = useMutation(async (param: any) => {
const res = await axios.post("/some-url");
return res.data;
});

return (
<div>
<button
onClick={() =>
mutate(
{ title: "TEST" },
{
onSuccess: (resp) => console.log(resp),
onError: (err) => console.log(err),
}
)
}
>
클릭
</button>
</div>
);