在使用 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)