Описание тега react-error-boundary

Вопросы с тегом
1 ответ

Обработка контекста реакции при возникновении границы ошибки

У меня есть компонент, предоставляющий контекст (= поставщик), и некоторые дочерние компоненты используют контекст. Мой провайдер также обертывает компонент ErrorBoundary React в случае сбоя дочернего объекта. Оттуда, если происходит ошибка, компоне…
22 апр '20 в 20:55
0 ответов

Как использовать React componentDidCatch с SourceMap в производстве?

Что использую в продакшене: TerserPlugin SplitChunk и React Error Boundary Что я получаю на выходе: Я установил sourceMap: true для Terser, но это не помогло
24 июн '20 в 19:52
1 ответ

Реакция: граница ошибки не обнаружила инвариантное нарушение

Я хочу обработать ошибку в случае, если вместо действительного дочернего элемента реакции у меня есть объект в значении prop. Итак, я добавляю границу ошибки, но ошибка все еще остается. Неперехваченное инвариантное нарушение: объекты недопустимы в …
04 мар '20 в 14:51
0 ответов

Как улучшить описание ошибки в React componentDidCatch

Я пишу Error Boundary, чтобы регистрировать ошибки приложения React. Мне нравится, как React показывает ошибки в оверлее после размонтирования дерева компонентов. Однако, когда я обнаруживаю ошибку в методе жизненного цикла componentDidCatch, информ…
10 апр '20 в 11:57
0 ответов

Насколько React ErrorBoundary действительно является границей?

Насколько я понимаю границы ошибок React, это компоненты, которые реализуют componentDidCatch. Ошибка в дереве компонентов всплывает до первой границы ошибки, где ее можно обработать (например, путем отображения сообщения об ошибке). Однако сейчас у…
12 апр '20 в 15:44
1 ответ

ReactJS - ErrorBoundaries не работают должным образом

Фон: React Версия: 16.13.1 Браузер: Версия Chrome - 81.0.4044.122 Хотя ErrorBoundary используется в приведенном ниже фрагменте кода, он вызывает ошибку в браузере. Обработанная ошибка отображается в течение нескольких миллисекунд, затем фактическая …
22 апр '20 в 08:10
0 ответов

Можно ли сделать экспортируемую конфигурацию Bugsnag?

Я немного погуглил и прочитал документы, и я не видел случая, чтобы кто-то делал экспортируемую конфигурацию. Мой вариант использования заключается в том, что у меня есть две разные границы ошибок, которые я определяю в своем приложении, и я хочу за…
06 май '20 в 17:09
2 ответа

React-router перестает работать, когда граница ошибок улавливает ошибку в маршруте

Код, ссылка на который приведена ниже, использует react-router и граница ошибок для обнаружения ошибок в каждом маршруте. Если вы нажмете "Магазин", ошибка будет обнаружена, как и ожидалось, но другие ссылки больше не работают. Что тут происходит? П…
13 фев '20 в 01:56
0 ответов

componentDidCatch второй параметр не совместим по типу с функцией, вызываемой изнутри

У меня есть стандарт componentDidCatch в моем компоненте, который набран, как показано ниже, и вызывает внешнюю библиотеку ведения журнала изнутри: componentDidCatch(error: Error, info: React.ErrorInfo) { Logger.logErrorMessage(error.message, info);…
24 июн '20 в 03:33
1 ответ

Граница ошибки React не предотвращает сбой приложения cra

Я хочу создать границу ошибки, которая предотвратит сбой всего моего приложения, а скорее проинформирует пользователя о том, что что-то пошло не так, и предоставит ему возможность перезагрузить страницу. Мой компонент границы ошибки: import React, {…
26 июл '20 в 16:01
2 ответа

ComponentDidCatch не работает внутри компонента реакции

У меня есть этот компонент. ВнутриcomponentDidMountЯ создал объект и пытаюсь выбросить ошибку. Но мойcomponentDidCatch не был вызван вместо этого разрывает мою страницу! class ErrorBoundary extends React.Component { constructor(props) { super(props)…
04 авг '20 в 08:40
1 ответ

Граница ошибки не обнаруживает ошибку от клиента apollo

Я пытаюсь отловить некоторые ошибки на верхнем уровне, чтобы показать самую красивую страницу ошибок в мире. По какой-то причине я вижу, что мои узлы отключены, но Error Boundary никогда не срабатывает. import React, { useState, useEffect } from 're…
19 фев '20 в 13:58
1 ответ

React.js Записывать все запросы GraphQL в Sentry

У меня есть приложение React, которое я окружилErrorBoundaryкоторый отправляет ошибки в Sentry и работает нормально. Я хотел бы также регистрировать все мои ошибки запросов GraphQL в Sentry, но теперь моя проблема связана со всеми моими запросами Gr…
14 фев '20 в 06:05
0 ответов

Получить состояние дочернего компонента внутри ErrorBoundary на componentDidCatch React JS

Я пытаюсь реализовать ErrorBoundaryследуя документации и до сих пор добиваясь успеха. Я использовал тот же подход, что и в документации <ErrorBoundary> <MyWidget /> </ErrorBoundary> Чего я не могу сделать, так это получить состояни…
27 апр '20 в 11:13
0 ответов

Реализуйте границы ошибок с помощью обернутого компонента

Я использую react-router-dom и заверните каждый компонент в HOC, auth, что обеспечивает аутентификацию перед рендерингом. Однако теперь я хочу реализовать границы ошибок и не могу понять, как их согласовать. Вот как мой нынешнийApp компонент настрое…
28 июн '20 в 04:03
0 ответов

Ошибка пузыря от компонента React к emberjs

В моем приложении ember я могу визуализировать компонент React с помощью библиотеки ember-react-components. Это может выглядеть так // This is ember component with jsx in stored in ember app in components/my-react-component/component.js // it can be…
31 июл '20 в 14:16
1 ответ

Как выполнить перенаправление в пределах ErrorBoundary?

Я использую ErrorBoundary в своем приложении React и хочу перенаправить на главную страницу при возникновении ошибки, но мое перенаправление не работает. Вместо этого приложение остается на той же странице. Для сравнения: добавление кнопки позволяет…
23 июл '20 в 20:58
1 ответ

прямоугольная граница ошибок не работает должным образом

При использовании реакции-границы и выдаче ошибки вручную граница ошибки работает! Проблема в том, что через 1-2 секунды он отображает ошибку, как если бы не было границы ошибки. Это код class ErrorBoundary extends React.Component { constructor(prop…
12 ноя '20 в 19:25
2 ответа

Я получаю слишком много повторных отрисовок и захожу в бесконечный цикл, когда добавляю Component CommentCreate в функцию карты.

Компонент PostList, когда я добавляю createCFommonent, я получаю слишком много ошибок повторного рендеринга. React ограничивает количество рендеров, чтобы предотвратить бесконечный цикл. import React,{useState,useEffect} from 'react'; import axios f…
05 окт '20 в 07:06
2 ответа

Как правильно ввести компонент класса React ErrorBoundary в Typescript?

Вот моя текущая попытка правильно набрать React ErrorBoundary компонент класса в Typescript: import React from "react"; import ErrorPage from "./ErrorPage"; import type { Store } from "redux"; // I'M PASSING THE REDUX S…
16 сен '20 в 12:17