Практика
Привет, Вы узнаете о том , что такое Каковы границы ошибок в 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)
Из статьи мы узнали кратко, но содержательно про
Комментарии
Оставить комментарий
Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)
Термины: Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)