TanStack Pacer React Adapter

Wenn Sie TanStack Pacer in einer React-Anwendung verwenden, empfehlen wir die Verwendung des React Adapters. Der React Adapter bietet eine Reihe von einfach zu verwendenden Hooks, die auf den Kern-Pacer-Dienstprogrammen aufbauen. Wenn Sie feststellen, dass Sie die Kern-Pacer-Klassen/Funktionen direkt verwenden möchten, exportiert der React Adapter auch alles aus dem Kernpaket erneut.

Installation

npm install @tanstack/react-pacer

npm install @tanstack/react-pacer

React Hooks

Sehen Sie sich die React Functions Reference an, um die vollständige Liste der Hooks zu sehen, die im React Adapter verfügbar sind.

Grundlegende Verwendung

Importieren Sie einen React-spezifischen Hook aus dem React Adapter.

tsx

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

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

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

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

Oder importieren Sie eine Kern-Pacer-Klasse/Funktion, die aus dem React Adapter erneut exportiert wird.

tsx

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

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

Installation

React Hooks

Grundlegende Verwendung

Bytes abonnieren

Bytes abonnieren