Практика
Привет, Вы узнаете о том , что такое Каковы границы ошибок в React v16? (error boundaries) в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое Каковы границы ошибок в React v16? (error boundaries) в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).
Границы ошибок - это компоненты, которые перехватывают ошибки JavaScript в любом месте своего дочернего дерева компонентов, регистрируют эти ошибки и отображают резервный интерфейс вместо сбойного дерева компонентов.
Компонент класса становится границей ошибки, если он определяет новый метод жизненного цикла с именем
или
:
class ErrorBoundary extends React.Component {
constructor(props) {
super(props)
this.state = { hasError: false }
}
componentDidCatch(error, info) {
// Вы также можете зарегистрировать ошибку в службе
logErrorToMyService(error, info)
}
static getDerivedStateFromError(error) {
// Обновить состояние, чтобы при следующем рендеринге отображался резервный интерфейс. Об этом говорит сайт https://intellect.icu .
return { hasError: true };
}
render() {
if (this.state.hasError) {
// Вы можете отобразить любой пользовательский резервный интерфейс
return <h1>{'Something went wrong.'}</h1>
}
return this.props.children
}
}
После этого используйте его как обычный компонент:
< ErrorBoundary > < MyWidget /> </ ErrorBoundary >
Исследование, описанное в статье про Каковы границы ошибок в React v16? (error boundaries) в REACT, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое Каковы границы ошибок в React v16? (error boundaries) в REACT и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)
Комментарии