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