TanStack Pacer Solid 适配器

如果您在 Solid 应用程序中使用 TanStack Pacer，我们推荐使用 Solid 适配器。Solid 适配器在核心 Pacer 工具之上提供了一组易于使用的 hook。如果您发现自己想直接使用核心 Pacer 类/函数，Solid 适配器也将重新导出核心包中的所有内容。

安装

npm install @tanstack/solid-pacer

npm install @tanstack/solid-pacer

Solid Hooks

请参阅 Solid 函数参考，查看 Solid 适配器中可用的 hook 完整列表。

基本用法

从 Solid 适配器导入一个特定的 Solid hook。

tsx

import { useDebouncedValue } from '@tanstack/solid-pacer'

const [instantValue, instantValueRef] = useState(0)
const [debouncedValue, debouncer] = useDebouncedValue(instantValue, {
  wait: 1000,
})

import { useDebouncedValue } from '@tanstack/solid-pacer'

const [instantValue, instantValueRef] = useState(0)
const [debouncedValue, debouncer] = useDebouncedValue(instantValue, {
  wait: 1000,
})

或者从 Solid 适配器重新导出的核心 Pacer 类/函数。

tsx

import { debounce, Debouncer } from '@tanstack/solid-pacer' // no need to install the core package separately

import { debounce, Debouncer } from '@tanstack/solid-pacer' // no need to install the core package separately

安装

Solid Hooks

基本用法

订阅 Bytes

订阅 Bytes