小编Tre*_*eal的帖子

使用 React Query TypeScript 获取数据

在使用 TypeScript 进行 React 查询中,我有一个 getRecommendations 钩子,我只想发送最新的记录(可能还有另一个用于监视列表等的钩子)。我在 queryKey 中收到错误消息:

“没有重载与此调用匹配。上次重载出现以下错误。类型为 '{ queryKey: string[]; queryFn: () => Promise<FetchResponse |Recommendations[]>; }' 的参数不可分配给类型参数'QueryKey'。对象文字只能指定已知属性,并且 'queryKey' 不存在于类型 'readonlyknown[]'.ts(2769) 中”

import { useQuery } from "@tanstack/react-query";
import apiTest from "../../Services/api-test";

export interface Recommendations {
  title_description: string;
  title_id: number;
  title_name: string;
}

export interface FetchResponse<T> {
  latestrecs: T[];
  watchlist: T[];
}

const useRecommendations = () =>

  useQuery<FetchResponse<Recommendations>, Error>({
    queryKey: ['recommend'],
    queryFn: () =>
      apiTest.get<FetchResponse<Recommendations>>("/titles")
        .then((res) => res.data.latestrecs),
  })


export default useRecommendations;
Run Code Online (Sandbox Code Playgroud)

我有一个 JSON 数据示例,如下所示:(每个数据中会有更多标题)

{
    "latestrecs": [ …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs axios react-hooks react-query

5
推荐指数
1
解决办法
1705
查看次数

标签 统计

axios ×1

react-hooks ×1

react-query ×1

reactjs ×1

typescript ×1