Встречается на собеседованиях • сегодня

Как обрабатываются ошибки в работе компонента в 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

Something went wrong.

; } return this.props.children; } } // Использование: ``` **Важно:** - Error Boundaries не ловят ошибки в обработчиках событий, асинхронном коде (например, `setTimeout` или `fetch`), SSR или самом Error Boundary. - Для асинхронных ошибок используйте `try/catch`. - В функциональных компонентах Error Boundaries пока не поддерживаются (только классовые).
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы