javascript / intermediate
Snippet
Unterbrechbare Updates mit useTransition
Der useTransition-Hook erlaubt es, ein State-Update als 'Übergang' zu markieren, den React mit niedriger Priorität behandelt. Wenn der Benutzer eine dringendere Aktion ausführt, während der Übergang verarbeitet wird, bricht React den alten Render-Vorgang ab.
snippet.js
javascript
1
2
3
4
5
6
7
const [isPending, startTransition] = useTransition();const selectTab = (id) => {startTransition(() => {setActiveTab(id);});};
react
Erklärung
1
const [isPending, startTransition] = useTransition();
Bietet einen Pending-Status für Ladeanzeigen und eine Funktion zum Einpacken nicht dringender Updates.
2
startTransition(() => { setActiveTab(id); });
Teilt React mit, dass der Tab-Wechsel gegenüber unmittelbaren Interaktionen nachrangig behandelt werden kann.