Cad iad error boundaries agus cad a bhíonn a dhíchealadh acu?

Question

Accepted Answer

Is **error boundary** ann do chomhpháirt a bhíonn ag gabháil d'earráidí JavaScript a chaithfear le linn **rindreáil** ina chrann leanaí, agus a thaispeánann comhéadan fallbhach in ionad an app ar fad a bhheith imeall, agus is féidir leis an earráid a log. ```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: ``` ## Cad a bhíonn sé a dhíchealadh — agus cad nach ndíchealann sé ✅ Díchealadh: earráidí sa **render**, i **lifetime methods**, agus i dtógálaithe na gcomhpháirteanna thíos air. ❌ **Ní dhíchealann**: - Earráidí i **event handlers** (úsáid `try/catch` gnáth ansin). - Cód **async** (gealltanais, `setTimeout`) — tá siad lasmuigh den tsruth rindreáil. - Earráidí sa teorainn féin, nó le linn **SSR**. ## Nótaí praiticiúla - Caithfidh error boundaries a bheith ina **class components** faoi láthair (nó úsáid a bhaint as an leabharlann `react-error-boundary` le API barrógach le hook). - Cuir roinnt teorainneacha timpeall ar rannóga neamhspleácha (widgets, bealaí) ionas nach dtaobhódh widget amháin amháin gach rud — cuireann teorainn amháin ar bharr an liosta aon earráid isteach i leathanach bán ar fad.