javascript / intermediate
Snippet
Lokale Fehlerbehebung mit reset()
In App Router Fehler-Segmenten ermöglicht die reset-Funktion den Versuch einer Wiederherstellung, indem das fehlgeschlagene Routen-Segment neu gerendert wird, ohne einen kompletten Seiten-Reload zu erzwingen.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
'use client';export default function Error({error,reset,}: {error: Error & { digest?: string };reset: () => void;}) {return (<div className="error-boundary"><h2>Something went wrong!</h2><button onClick={() => reset()}>Try again</button></div>);}
nextjs
Erklärung
1
reset: () => void;
Eine Funktion, die ein erneutes Rendern des spezifischen Routen-Segments auslöst, in dem der Fehler aufgetreten ist.
2
<button onClick={() => reset()}>
Bietet ein UI-Element, mit dem der Benutzer den Wiederherstellungsprozess manuell auslösen kann.