15.8.1 커스텀 Hook 만들기

hooks/useLogin.ts

import {useMutation} from 'react-query';
import {login} from '../api/auth';

export default function useLogin() {
  const mutation = useMutation(login, {
    onSuccess: (data) => {
      console.log(data);
      /* TODO: 구현 예정 */
    },
    onError: (error) => {
      console.log(error);
      /* TODO: 구현 예정 */
    },
  });
  return mutation;
}

hooks/useRegister.ts

import {useMutation} from 'react-query';
import {register} from '../api/auth';

export default function useRegister() {
  const mutation = useMutation(register, {
    onSuccess: (data) => {
      console.log(data);
      /* TODO: 구현 예정 */
    },
    onError: (error) => {
      console.log(error);
      /* TODO: 구현 예정 */
    },
  });
  return mutation;
}