[GraphQL] useMutation 사용법 / 옵션 설명

useMutation 사용예시

// mutation.js 파일에서 Mutation 불러오기
import { EXEAMPLE_MUTATION } from 'mutation'

// Mutation 사용할 수 있도록 작업
const [execute, { loading }] = useMutation(EXEAMPLE_MUTATION, {
  onCompleted,
});

// 렌더링 후, 조건부로 Mutation 실행
return (
  <div>
    <input type="submit" onClick={() => execute } value="홈" />
  </div>
);

 

옵션 이름	기능	사용방식
variables	여러개의 변수를 전달 할 수 있다.	variables: {   키 값 [ 문자열 ] : 벨류 값 }
onComplete	오류 없이 작동을 마친후, 실행할 함수를 정할 수 있다.	onComplete: () => void (실행할 함수)
onError	오류가 발생했을때, 실행할 함수를 정할 수 있다.	onError: () => void
update	오류 없이 작동을 마친후, 캐시를 변경할 수 있다.	update: ( result, cache ) => console.log(cache)