Как обрабатываешь ошибки в React

В React ошибки можно обрабатывать несколькими способами: 1. **Error Boundaries** - специальные компоненты для перехвата ошибок в дочерних компонентах: ```jsx class ErrorBoundary extends React.Component { state = { hasError: false }; static getDerivedStateFromError() { return { hasError: true }; } componentDidCatch(error, info) { logErrorToService(error, info); } render() { if (this.state.hasError) { return ; } return this.props.children; } } ``` 2. **try/catch** для обработки ошибок в обработчиках событий и асинхронном коде: ```jsx const handleClick = async () => { try { await fetchData(); } catch (error) { setError(error.message); } }; ``` 3. **Глобальный обработчик** через `window.onerror` или `window.addEventListener('error')` Лучшие практики: - Используй Error Boundaries для ключевых разделов приложения - Логируй ошибки на сервер (Sentry, Rollbar) - Предоставляй понятное сообщение об ошибке пользователю - В development режиме React показывает полный стек ошибок