如何在 React Query 中输入 onSuccess 数据？答案

【问题标题】：How do I type onSuccess data in React Query?如何在 React Query 中输入 onSuccess 数据？
【发布时间】：2022-11-12 10:29:11
【问题描述】：

我有 API 调用函数（httpClient 是 axios 实例）


interface IRegisterResponse {
  accessToken: string;
}

export const register = async ({
  name,
  password,
  token,
}: IRegisterParams) =>
  await httpClient.post<IRegisterResponse>('register', {
    name,
    password,
    token,
  });

我有处理这个 API 调用的 useMutation 钩子

  const { mutate: registerMutation } = useMutation(
    ['register'],
    register,
    {
      onSuccess: ({ accessToken }) => console.log(accessToken),
    }
  );

但是在onSuccess 回调中，它会突出显示accessToken 并带有消息Property 'accessToken' does not exist on type 'AxiosResponse<IRegisterResponse, any>'

我做错了什么，我应该如何输入？

【问题讨论】：

标签： reactjs typescript axios react-query

【解决方案1】：

您正在返回 axios 响应，而不是数据

onSuccess: ({ data: { accessToken } }) => console.log(accessToken)

【讨论】：