javascript / expert
Snippet
Feingranulare Fehlerbehebung in konkurrierenden Streaming-Architekturen
Nutzen Sie die von Next.js bereitgestellte 'digest'-Eigenschaft in Error Boundaries, um undurchsichtige serverseitige Fehler spezifischen clientseitigen Wiederherstellungsstrategien zuzuordnen. Dies ist entscheidend in Streaming-Umgebungen, in denen Fehler mitten im Datenstrom auftreten können.
snippet.js
1
2
3
4
5
6
7
8
9
10
export default function ErrorBoundary({ error, reset }) {const isAuthError = error.digest === 'AUTH_REQUIRED';return (<div>{isAuthError ? <LoginPrompt /> : <p>Generic Error</p>}<button onClick={() => reset()}>Try Again</button></div>);}
nextjs
Erklärung
1
error.digest
Ein eindeutiger Hash oder eine ID vom Server, um spezifische Fehlertypen zu identifizieren.
2
reset()
Eine Funktion, die ein Re-Rendering des Segments auslöst, um die Wiederherstellung zu versuchen.
3
isAuthError
Bedingte Logik, um basierend auf der Fehler-Identität eine spezifische UI anzuzeigen.