Receive previous state in getDerivedStateFromError
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 251k
- Forks
- 51.4k
- Ø Merge
- 2 T. 4 Std.
- Gemergte PRs (30 T.)
- 53
Beschreibung
Do you want to request a feature or report a bug?
This is feature request.
What is the current behavior?
getDerivedStateFromError hook receives error and doesn't have access to state or component instance. This limits possible ways in which it could be used and requires to additionally use other hooks to derive the state:
class App extends Component {
state = {}
static getDerivedStateFromError(error) {
return { error }
}
static getDerivedStateFromProps(props, state) {
// do we really need this?
// the state is derived from error, not props
if (state.error)
return remapStateToPreferredStructure(state);
}
render() { /* ... */ }
}
What is the expected behavior?
getDerivedStateFromError is expected to receive previous state and have
getDerivedStateFromError(error, state)
signature to be consistent with related static hook, getDerivedStateFromProps. This getDerivedStateFromError signature is backward compatible with existing one (React 16.6.0).
Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
React 16.6.0
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne mit dem Einstiegspunkt getDerivedStateFromError und vergleiche ihn mit dem verwandten getDerivedStateFromProps-Hook. Bewerte das angeforderte Argument für den vorherigen Zustand im Vergleich zur bestehenden Signatur mit einem Argument; abgeschlossen ist die Aufgabe, wenn das API-Verhalten und die Auswirkungen auf die Kompatibilität eindeutig geklärt sind.
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
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100