995просмотров
10.5%от подписчиков
5 декабря 2025 г.
📷 ФотоScore: 1.1K
React Error Boundary Error Boundary изолирует ошибки в компонентах (например, при сбоях в сторонних библиотеках или API), чтобы приложение оставалось стабильным. Это особенно актуально для крупных проектов, где ошибка в одном компоненте не должна ломать весь UI. import { Component } from 'react'; class ErrorBoundary extends Component { state = { hasError: false, error: null }; static getDerivedStateFromError(error) { return { hasError: true, error }; } componentDidCatch(error, info) { console.error('Error:', error, info); } render() { if (this.state.hasError) { return <div>Error: {this.state.error.message}</div>; } return this.props.children; }
} // Использование
const App = () => ( <ErrorBoundary> <FaultyComponent /> </ErrorBoundary>
); 👉 @sWebDev | #полезные_сниппеты