Как отловить и показать на экране ошибку в React

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