Kas yra klaidų ribos ir ką jos sugauna?

Question

Accepted Answer

**Klaidų riba** yra komponentas, kuris sugauna JavaScript klaidas, išmetamas **atvaizdavimo metu** savo atžalų medyje, rodo atsarginę UI vietoj visa programos sugriuvimo ir gali registruoti klaidą. ```jsx class ErrorBoundary extends React.Component { state = { hasError: false }; static getDerivedStateFromError() { return { hasError: true }; // render the fallback on next render } componentDidCatch(error, info) { logToService(error, info); // side effect: report it } render() { return this.state.hasError ? : this.props.children; } } // wrap an independent section so its failure doesn't blank the page: ``` ## Ką sugauna — ir ko negauna ✅ Sugauna: klaidas **render** metu, **lifecycle methods** metu ir komponentų konstruktoriuose žemiau jos. ❌ Negauna: - Klaidas **event handlers** (naudoti normalų `try/catch` ten). - **Async** kodą (promises, `setTimeout`) — jie yra už atvaizdavimo srauto. - Klaidas pačioje riboje, arba per **SSR**. ## Praktinės pastabos - Klaidų ribos šiuo metu turi būti **class components** (arba naudoti `react-error-boundary` biblioteką hook-draugiškai API). - Padėkite kelias ribas aplink nepriklausomus skyrius (widgets, routes), kad vienas sugedęs widget negriaustų viso — viena aukščiausia riba paverčia bet kokią klaidą visiškai tuščiu puslapiu.