My JavaScript recipes
useMutation react hook with variables
import { useMutation } from '@apollo/react-hooks';
const [triggerMutation, { data, loading, error }] = useMutation(graphqlMutation);
if (loading) return 'Loading...';
if (error) return `Error: ${error.message}`;
return (
<div>
<form
onSubmit={e => {
e.preventDefault();
triggerMutation({ variables: { variableName: variableValue } });
input.value = '';
}}
>
</form>
</div>
);
}