代码之家 › 专栏 › 技术社区 › Sefa

在react查询中获取未定义的“isLoading”状态

tanstack tanstackreact-query react-query typescript reactjs

Sefa · 技术社区 · 2 年前

在我将react查询更新到最新版本后,在使用useMutation时,“isLoading”状态未定义。这是代码:

const useAddUserNote = (owner: string) => {
  const queryClient = useQueryClient();
  const { mutate, error, data, isLoading } = useMutation({
    mutationFn: (note: CreateNoteData) => addUserNote(note),
    onSuccess: () => {
      queryClient.invalidateQueries(["allUserNotes", owner]);
    },
  });

  if (error instanceof Error) error;

  return { mutate, data, error, isLoading };
};

这是类型错误

Property 'isLoading' does not exist on type 'UseMutationResult<any, Error, CreateNoteData, unknown>'.

当我控制台记录“isLoading”时,它是未定义的

1 回复 | 直到 2 年前

argbo 2 年前

查看您的版本的API参考资料。在 latest documentation , isLoading 不再存在--它似乎在 version 4 。

这也是 explicitly called out in the upgrade guide from version 4 to version 5 。升级时一定要阅读这些内容!

您应该更新代码以使用 isPending :

const { mutate, error, data, isPending } = useMutation({

推荐文章

Haptle Hq · 使用react查询中的useMutation时出现未捕获的运行时错误

2 年前

Pavel Perevezencev · react query:属性“isSuccess”的类型不兼容

2 年前

Gloomy · 反应状态是否在iframe之间共享?

2 年前

Shoaib Rehman · 嗨!我使用next14.2.2得到这个erorr。我正试图为我的nex应用程序提供tanstack提供者

2 年前

Abul · 为什么这里显示错误?参数类型错误。从v5开始,在调用与查询相关的函数时,只允许使用“Object”窗体

2 年前

Kirill Stepankov · react查询:onError。我应该用什么代替?

2 年前

Being47 · 发出axios请求时出现React Query错误

2 年前

Sefa · 在react查询中获取未定义的“isLoading”状态

2 年前

Tim · 如何使用React Query有效地轮询数据

3 年前

Santhosh · 使用Tanstack查询时未进行重新渲染

3 年前