使用 Apollo 的 useMutation 钩子时,以下是一些最佳做法:
const [mutate, mutationResult] = useMutation(MUTATION_QUERY);
mutate({ variables: { input: inputValue } });
const onMutationCompleted = () => {
// ...执行操作
};
const [mutate] = useMutation(MUTATION_QUERY, { onCompleted: onMutationCompleted });
const onMutationError = (error) => {
// ...处理错误
};
const [mutate] = useMutation(MUTATION_QUERY, { onError: onMutationError });
if (mutationResult.loading) {
// ...显示加载状态
}
if (mutationResult.data) {
// ...处理返回的数据
}
if (mutationResult.error) {
// ...处理错误
}
const [mutate] = useMutation(MUTATION_QUERY, {
onCompleted: () => {
// ...执行操作
},
refetchQueries: [{ query: QUERY }]
});
这些是使用 Apollo 的 useMutation 响应的一些最佳做法,根据你的具体需求可以进行适当的调整和扩展。