Встречается на собеседованиях • сегодня
Для чего нужен Error Boundary в React
Error Boundary — это механизм в React для перехвата и обработки ошибок в компонентах, чтобы предотвратить падение всего приложения. Он работает как `try-catch`, но на уровне компонентов.
**Основные сценарии:**
- Ловит ошибки в рендеринге, методах жизненного цикла и хуках компонентов.
- Позволяет показать запасной UI (fallback) вместо сломанного компонента.
- Не перехватывает ошибки в обработчиках событий, асинхронном коде (например, `setTimeout`) или SSR.
**Пример:**
```jsx
class ErrorBoundary extends React.Component {
state = { hasError: false };
static getDerivedStateFromError(error) {
return { hasError: true };
}
componentDidCatch(error, errorInfo) {
logErrorToService(error, errorInfo);
}
render() {
if (this.state.hasError) {
return
```
Что-то пошло не так.
; } return this.props.children; } } // Использование
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы