TanStack Pacer Solid 适配器

如果你在 Solid 应用中使用 TanStack Pacer，我们建议使用 Solid 适配器。Solid 适配器在核心 Pacer 功能的基础上提供了一套易于使用的钩子。如果你想直接使用核心 Pacer 类/函数，Solid 适配器也会重新导出核心包中的所有内容。

安装

npm install @tanstack/solid-pacer

npm install @tanstack/solid-pacer

Solid Hooks

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

基本用法

从 Solid 适配器导入特定于 Solid 的钩子。

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' // 无需单独安装核心包

import { debounce, Debouncer } from '@tanstack/solid-pacer' // 无需单独安装核心包