Предохранители(Error Boundary)

Предохранители - это компоненты React, которые отлавливают ошибки JavaScript, в любом месте деревьев, их дочерних компонентов, сохраняют их в журнале ошибок и выводят запасной UI вместо рухнувшего дерева компонентов.

Предохранители отлавливают ошибки при рендеринге, в методах жизненного цикла и конструкторах деревьев компонентов, расположенных под ними.

Предохранители не поймают ошибки в обработчиках событий, асинхронном коде, серверном рендеринге, в самом предохранителе.

getDerivedStateFromError - срабатывает при рендеринге запасного UI в случае отлова ошибки.

componentDidCatch - сработает при написании кода для журналирования информации об отловленной ошибке.