Границы ошибок React не могут работать, просто сломайте
Я копирую пример из codepen в stackblitz, но что-то пошло не так. https://stackblitz.com/edit/react-7tynfg
Меня это уже давно озадачивает.
Ответы 1
Это относится к тому, как ошибки обрабатываются в режиме разработки React. Они распространяются на глобальный обработчик error для упрощения отладки, в то время как текущая настройка может отвечать за отображение ошибки, полученной от глобального обработчика error в DOM.
Если это нежелательно, приложение можно переключить на продакшн,
process.env.NODE_ENV = 'production';
вверху основного модуля приложения.
не могли бы вы взглянуть на этот пример (stackblitz.com/edit/react-86gpc3?file=src%2FApp.js). Я добавил строку, которую вы сказали использовать в index.js, и я печатаю ее содержимое, когда компонент приложения отображается, и он говорит 'production', но глобальная ошибка обработчик все еще берет верх. пожалуйста, порекомендуйте
Это нужно сделать над импортом React. Он работает в Stackblitz, но если это невозможно в какой-либо другой настройке (импорт определяется спецификациями), строку следует переместить в отдельный модуль и снова импортировать выше импорта React.
Спасибо @Estus, все заработало. Теперь мне просто нужно найти способ протестировать его в режиме разработки.
В вопросе отсутствует четкая постановка проблемы. «Пойдете не так» и «не сработает» на самом деле ничего не объясняют. Весь соответствующий код должен быть представлен в вопросе.