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