Interface: RenderContext

Definiert in: interfaces/AsyncContent.ts:58

Wird als last-Argument an jeden asynchronen Inhalts-Hook übergeben, sodass ein Verbraucher Arbeiten aufgeben kann, die die Benutzeroberfläche nicht mehr benötigt.

Bestehende synchrone Hooks ignorieren es einfach – ein Rückruf mit einem Argument bleibt zuweisbar und an seinem Timing ändert sich nichts.

Beispiel

renderNodeExtra: async (node, { signal }) => {
    const res = await fetch(`/enrich/${node.id}`, { signal })
    return renderChips(await res.json())
}

Erweitert durch

Methoden

isStale()

isStale(): boolean

Definiert in: interfaces/AsyncContent.ts:71

true sobald dieser Render ersetzt wurde. Ein günstiger Schutz für Verbraucher, die nicht abbrechbare Arbeiten ausführen, damit sie zwischen den Schritten aussteigen können, ohne RenderContext.signal zu berühren.

Rückgabewert

boolean

Eigenschaften

signal

readonly signal: AbortSignal

Definiert in: interfaces/AsyncContent.ts:65

Abgebrochen, wenn dieses Rendering ersetzt wird – der Tooltip wurde ausgeblendet oder für ein anderes Element erneut geöffnet, die Auswahl wurde geändert, das Panel wurde aktualisiert oder entfernt, das Diagramm wurde zerstört. Leiten Sie es an fetch weiter und Anfragen während des Flugs werden storniert, anstatt durchgesickert zu sein.

Interface: RenderContext ​

Beispiel ​

Erweitert durch ​

Methoden ​

isStale() ​

Rückgabewert ​

Eigenschaften ​

signal ​