我有一个页面,它使用不同的组件,这是使用反应路由器加载。当我使用react路由器路由到不同的页面时,是否可以将错误边界集成到每个组件中,如下面的代码所示?
我的目标是显示错误,特别是单个组件的错误,以便在一个组件出现错误的情况下其他组件可以正常工作。
下面是我的代码:
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './regi
我创建了一个错误边界,将应用程序重定向到/error路由。但是,有时当触发错误时(在代码框中,单击bug页面的链接),将调用我的错误边界,并将浏览器重定向到/error路由,但是应该显示在/error上的组件不会显示/呈现,而是只看到一个白色屏幕。什么是错误,为什么错误边界被调用,使它重定向浏览器,但呈现不完成?谢谢!
index.js:
import React from "react";
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
impo
我不太确定,我是否完全理解了React ErrorBoundary的概念。我需要说的是,我实际上想开始使用ErrorBoundary,但我是第一次使用它。 所以我创建了一个ErrorBoundary组件: import React, { Component } from "react";
import * as Data from '../../backend/data';
class ErrorBoundary extends React.Component {
constructor(props) {
super(props);
当我用--coverage做测试的时候
yarn run test --coverage
将出现以下错误
component › should render with message if error occour
TypeError: Function.prototype.name sham getter called on non-function
14 | );
15 |
> 16 | expect(wrapper).toMatchSnapshot();
|
我想添加一个错误边界到一个世博会应用程序。该应用程序是用eas build --platform android --profile development --local构建的,并在安卓仿真器中运行,这要归功于expo-dev-client。
不幸的是,当故意抛出错误时,应用程序会崩溃,而不会让错误边界完成它的工作。
以下是错误边界代码:
import React from "react";
import FallbackComponent from "./fallback";
type Props = {
children: Node;
onE
我在学习反应打字稿。我使用的反应谷歌地图显示我的地区。我成功地展示了这张地图。当我试图使用标记从反应-谷歌地图指出我的地区和定位我的纬度和经度。我收到打字错误:Property 'position' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<GoogleMapReact> & Readonly<Props> & Readonly<...>。我真的不知道怎么解决它。
import React, { useEffec
我试图为我的redux应用程序创建一个默认的'en‘语言,因为现在我在商店中插入了语言,但是我想在lang文件夹中使用en.json文件,然后在语言之间进行切换。
ConfigStore.js
import { ReduceStore } from 'flux/utils';
import ActionTypes from '../constants/AppConstants';
import AppDispatcher from '../dispatcher/AppDispatcher';
import config from '
我有一个封装在错误边界中的组件,当单击一个按钮时,调用一个validate()函数,如果没有提供信息,这个函数就会抛出一个错误,但是ErrorBoundary没有捕捉到这个错误。
组件呈现函数
return (
<ErrorBoundary>
...
<Playlist
...
onClick={this.addPlaylistToSpotify} // this function can throw an error
...
/>
下面是我当前关于如何在类型记录中正确地键入React ErrorBoundary类组件的尝试:
import React from "react";
import ErrorPage from "./ErrorPage";
import type { Store } from "redux"; // I'M PASSING THE REDUX STORE AS A CUSTOM PROP
interface Props {
store: Store // THIS IS A CUSTOM PROP THAT I&