好奇为什么我们无法在 onSuccess 中获取查询中的参数?

时间:2021-06-04 19:40:40

标签: react-query

所以,我在 onSuccess 中有一些辅助行为,例如分析等。而且我需要传递给跟踪,不仅是查询/变异的结果(在这种情况下是变异),而且还有我传入的 arg。似乎只有将它附加到返回“数据”才能做到这一点?

    export default function useProductToWishList () {
      const queryClient = useQueryClient();
    
      return useMutation(
        async ({ product, email }) => {
          const data = await product.addWishList({ product, email });
          if (data.status === 500 || data.err) throw new Error(data.err);
    
          return data;
        },
    
        {
          onSuccess:(data) => {
            const { product: response = {} } = data?.data ?? {};
    
            queryClient.setQueryData(['products'], {...response });
            analytics(response, email); // HERE. How can I get at email?
          }
        }
      )
    }

这样做似乎很奇怪,当我不需要它来响应时,而是为了副作用。有什么想法吗?

    return { ...data, email }

1 个答案:

答案 0 :(得分:1)

对于useMutation,变量作为第二个参数传递给onSuccess。这在 api docs 中有记录。所以在你的例子中,它很简单:

onSuccess: (data, { product, email }) =>