框架
版本

queryOptions

函数:queryOptions()

允许以类型安全的方式共享和重用查询选项。

queryKey 将使用来自 queryFn 的类型进行标记。

示例

ts
const { queryKey } = queryOptions({
  queryKey: ['key'],
  queryFn: () => Promise.resolve(5),
  //  ^?  Promise<number>
})

const queryClient = new QueryClient()
const data = queryClient.getQueryData(queryKey)
//    ^?  number | undefined
const { queryKey } = queryOptions({
  queryKey: ['key'],
  queryFn: () => Promise.resolve(5),
  //  ^?  Promise<number>
})

const queryClient = new QueryClient()
const data = queryClient.getQueryData(queryKey)
//    ^?  number | undefined

参数

要使用来自 queryFn 的类型进行标记的查询选项。

调用签名

ts
function queryOptions<TQueryFnData, TError, TData, TQueryKey>(
  options,
): DefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey> & object
function queryOptions<TQueryFnData, TError, TData, TQueryKey>(
  options,
): DefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey> & object

允许以类型安全的方式共享和重用查询选项。

queryKey 将使用来自 queryFn 的类型进行标记。

示例

ts
const { queryKey } = queryOptions({
  queryKey: ['key'],
  queryFn: () => Promise.resolve(5),
  //  ^?  Promise<number>
})

const queryClient = new QueryClient()
const data = queryClient.getQueryData(queryKey)
//    ^?  number | undefined
const { queryKey } = queryOptions({
  queryKey: ['key'],
  queryFn: () => Promise.resolve(5),
  //  ^?  Promise<number>
})

const queryClient = new QueryClient()
const data = queryClient.getQueryData(queryKey)
//    ^?  number | undefined

类型参数

TQueryFnData = unknown

TError = Error

TData = TQueryFnData

TQueryKey extends readonly unknown[] = readonly unknown[]

参数

options

DefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey>

要使用来自 queryFn 的类型进行标记的查询选项。

返回值

DefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey> & object

已标记的查询选项。

已标记的查询选项。

参数

要使用来自 queryFn 的类型进行标记的查询选项。

定义于

query-options.ts:78

调用签名

ts
function queryOptions<TQueryFnData, TError, TData, TQueryKey>(
  options,
): UnusedSkipTokenOptions<TQueryFnData, TError, TData, TQueryKey> & object
function queryOptions<TQueryFnData, TError, TData, TQueryKey>(
  options,
): UnusedSkipTokenOptions<TQueryFnData, TError, TData, TQueryKey> & object

允许以类型安全的方式共享和重用查询选项。

queryKey 将使用来自 queryFn 的类型进行标记。

示例

ts
const { queryKey } = queryOptions({
  queryKey: ['key'],
  queryFn: () => Promise.resolve(5),
  //  ^?  Promise<number>
})

const queryClient = new QueryClient()
const data = queryClient.getQueryData(queryKey)
//    ^?  number | undefined
const { queryKey } = queryOptions({
  queryKey: ['key'],
  queryFn: () => Promise.resolve(5),
  //  ^?  Promise<number>
})

const queryClient = new QueryClient()
const data = queryClient.getQueryData(queryKey)
//    ^?  number | undefined

类型参数

TQueryFnData = unknown

TError = Error

TData = TQueryFnData

TQueryKey extends readonly unknown[] = readonly unknown[]

参数

options

UnusedSkipTokenOptions<TQueryFnData, TError, TData, TQueryKey>

要使用来自 queryFn 的类型进行标记的查询选项。

返回值

UnusedSkipTokenOptions<TQueryFnData, TError, TData, TQueryKey> & object

已标记的查询选项。

已标记的查询选项。

参数

要使用来自 queryFn 的类型进行标记的查询选项。

定义于

query-options.ts:111

调用签名

ts
function queryOptions<TQueryFnData, TError, TData, TQueryKey>(
  options,
): UndefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey> & object
function queryOptions<TQueryFnData, TError, TData, TQueryKey>(
  options,
): UndefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey> & object

允许以类型安全的方式共享和重用查询选项。

queryKey 将使用来自 queryFn 的类型进行标记。

示例

ts
const { queryKey } = queryOptions({
  queryKey: ['key'],
  queryFn: () => Promise.resolve(5),
  //  ^?  Promise<number>
})

const queryClient = new QueryClient()
const data = queryClient.getQueryData(queryKey)
//    ^?  number | undefined
const { queryKey } = queryOptions({
  queryKey: ['key'],
  queryFn: () => Promise.resolve(5),
  //  ^?  Promise<number>
})

const queryClient = new QueryClient()
const data = queryClient.getQueryData(queryKey)
//    ^?  number | undefined

类型参数

TQueryFnData = unknown

TError = Error

TData = TQueryFnData

TQueryKey extends readonly unknown[] = readonly unknown[]

参数

options

UndefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey>

要使用来自 queryFn 的类型进行标记的查询选项。

返回值

UndefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey> & object

已标记的查询选项。

已标记的查询选项。

参数

要使用来自 queryFn 的类型进行标记的查询选项。

定义于

query-options.ts:144