reactjs / reactjs/react.dev

Feature: Add native support for error boundaries in Functional Components via a new hook

Offen
#8,157 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

Issue Body (Example):
💡 Problem: Currently, to implement an Error Boundary in a React application (a component that catches JavaScript errors anywhere in its child component tree, logs those errors, and displays a fallback UI), developers must use a Class Component with the componentDidCatch lifecycle method. This breaks the pattern of using hooks/functional components for the rest of the application.

🚀 Proposed Feature: Introduce a new hook, perhaps useErrorBoundary, that allows a Functional Component to act as an Error Boundary.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der Überprüfung der vorhandenen Dokumentation zu klassenbasierten Error Boundaries und der componentDidCatch-Lifecycle-Methode. Vergleiche dieses Verhalten mit dem vorgeschlagenen useErrorBoundary-Hook und definiere, wie eine funktionale Komponente Fehler abfangen, protokollieren und eine Fallback-UI rendern würde. Als abgeschlossen gilt die Aufgabe, wenn das Feature mit dokumentiertem Verhalten und Beispielen implementiert ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
20/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.