javascript / intermediate
Snippet
Verbesserung der UI-Reaktionsfähigkeit mit useDeferredValue
useDeferredValue ermöglicht es Ihnen, die Aktualisierung eines Teils der Benutzeroberfläche zu verzögern, bis dringendere Updates (wie das Tippen in einem Eingabefeld) verarbeitet wurden, um UI-Ruckler bei aufwendigen Renderings zu vermeiden.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
import { useState, useDeferredValue } from 'react';function SearchResults({ query }) {const deferredQuery = useDeferredValue(query);return (<div><p>Results for: {deferredQuery}</p>{/* Render complex list using deferredQuery */}</div>);}
react
Erklärung
1
const deferredQuery = useDeferredValue(query);
Weist React an, den alten Wert sichtbar zu halten, während der neue im Hintergrund verarbeitet wird.