腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
React 16错误边界分量(使用componentDidCatch)显示未见误差
javascript
、
reactjs
、
create-react-app
我使用启动了一个应用程序,我有一个组件: import React from 'react' export default class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = { hasError: false }; } componentDidCatch(error, info) { console.log('shouldnt I see this logged??') thi
浏览 2
提问于2017-10-19
得票数 7
回答已采纳
1
回答
如何处理反应中的错误边界?
javascript
、
reactjs
、
error-handling
我试图为一个简单的application.When添加错误边界--我点击了一个按钮“出了问题”应该显示在screen.But中--在我的例子中,它不像screen.But那样显示,我理解ErrorBoundary.js不工作,因为我尝试了控制台日志it.When,我在屏幕上运行了这个应用程序,它显示错误:不正确的点击 App.js import './App.css'; import Button from './Components/Button'; import ErrorBoundary from './Components/ErrorBounda
浏览 2
提问于2020-11-09
得票数 0
4
回答
用useEffect和异步函数来反应错误边界,我遗漏了什么?
reactjs
在我的Hello.jsx组件中,我调用一个可能会失败的API。这里有一个假API叫做loader import React, { useEffect } from "react"; export const Hello = () => { const loader = async () => { return Promise.reject("API error."); }; useEffect(() => { const load = async () => { await loader();
浏览 9
提问于2021-06-08
得票数 6
回答已采纳
1
回答
React错误处理未按预期工作
reactjs
我正在尝试处理我的React应用程序中的一些错误,但一定有什么东西让我逃脱了,因为我似乎无法让它工作。下面是我的代码: App.js import ErrorBoundary from "./Error"; import ChildComponent from "./ChildComponent"; function App() { return ( <ErrorBoundary> <ChildComponent /> </ErrorBoundary> ); } export defau
浏览 0
提问于2020-11-24
得票数 0
1
回答
错误边界不能捕获来自阿波罗客户端的错误
reactjs
、
error-handling
、
apollo
、
react-error-boundary
我试着在顶层捕捉一些错误,以显示世界上最漂亮的错误页面。 由于某种原因,我看到我的节点断开了,但是错误边界从不触发。 import React, { useState, useEffect } from 'react'; import ReactDOM from 'react-dom'; import ApolloClient, { gql } from 'apollo-boost'; const client = new ApolloClient({ uri: "/graphql" }); const query = gql`
浏览 6
提问于2020-02-19
得票数 0
回答已采纳
1
回答
与React路由器一起使用react错误边界
reactjs
、
react-router
、
react-error-boundary
我们正在尝试使用react边界(v6),但似乎需要用一个错误边界包装每个路由元素,如下所示 import { ErrorBoundary } from "react-error-boundary"; export const AppRoutes = createBrowserRouter([ { path: "/", element: <ErrorBoundary FallbackComponent={GlobalError}><Login /></ErrorBoundary> }, { path: "
浏览 16
提问于2022-10-10
得票数 1
1
回答
当简单组件调用字典时,错误边界不会捕获错误
reactjs
、
react-error-boundary
我有在中提到的默认错误边界,并且我有一个字典,它通常由我可以执行的函数填充。我在下面专门创建了一个测试用例,因为字典中不存在一个特定的函数,所以下面的测试用例会出错,我希望错误边界能够捕捉到这个错误,但是,它似乎不起作用,会发生什么呢? 应该出错的简单组件,但其部分仍应呈现: export const App = () => { return <ErrorBoundary> <Suspense fallback={<LoadingIcon/>}> <div>t
浏览 6
提问于2022-07-07
得票数 0
1
回答
在最简单的情况下不工作的ReactJs ErrorBoundary
reactjs
、
typescript
我在努力让我的ErrorBoundary开始工作。 ErrorBoundary和大多数示例一样简单: export class ErrorBoundary extends React.Component<IErrorBoundaryProps, IErrorBoundaryState> { componentDidCatch(error: Error, errorInfo: Object): void { this.setState({ catchedError: error }); } render(): JSX.Element | Re
浏览 0
提问于2018-04-25
得票数 3
1
回答
错误边界回退ui没有呈现在反应?
javascript
、
reactjs
我试图创建一个错误边界,但它不起作用。componentDidCatch没有开火。 我原以为会呈现回退UI,但实际上原来的UI仍然存在,什么也没有发生。 const SimpleBtn = lazy(() => import("./componentJsx/SimpleBtn.jsx")); const SimpleBtn2 = lazy(() => import("./componentJsx/SimpleBtn2.jsx")); class ErrorBoundary extends React.Component { constructo
浏览 4
提问于2022-07-15
得票数 0
回答已采纳
1
回答
错误边界不适用于承诺捕获
reactjs
、
react-native
、
error-handling
、
react-redux
、
react-router
我们有一个错误边界组件: import React from 'react'; class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = { hasError: false, errorMessage:''}; } componentDidCatch(error, info) { // Display fallback UI this.setState({ hasError: true,
浏览 0
提问于2018-09-15
得票数 5
1
回答
如何获取React的ErrorBoundary中出现错误的原因
reactjs
在ErrorBoundary中,我想知道错误的原因。 例如,以下组件引发错误“未捕获TypeError:无法读取null的属性'foo‘”。 我想在ErrorBoundary中捕获此消息并记录它。但是,我可以获得组件的堆栈跟踪,但不能获得这样的错误。 有没有更好的方法呢? 组件: const BugComponent = () => { // set Null const [value, setValue] = useState(null); // "Uncaught TypeError: Cannot read property 'fo
浏览 18
提问于2020-05-28
得票数 1
2
回答
反应ErrorBoundary -只是不能让它起作用
javascript
、
reactjs
、
redux
、
error-handling
抱歉,我知道有人问过这个问题,但我找不到一个对我有用的例子。如果有这么多人在挣扎,那似乎是不容易理解的。 我只需要知道如何捕捉错误的反应,以一种干净,简单的方式。我正在使用CRA2.0/React 16.7。我希望在操作级别设置一个try/catch块,因为业务逻辑集中在我的应用程序中。 我读了这篇文章并按描述实现了它,但是我的ErrorBoundary对象从不捕获错误。 示例: import React, { Component } from "react"; class ErrorBoundary extends Component { constructor(p
浏览 0
提问于2019-02-23
得票数 6
回答已采纳
4
回答
使用ErrorBoundary创建React没有显示错误消息
reactjs
、
create-react-app
我正在学习如何使用componentDidCatch()。它向前看。它可以工作,但仍要在视图中显示完整的错误堆栈。 在单独的档案: import React, { Component } from 'react' class ErrorBoundary extends Component { constructor(props) { super(props); this.state = { hasError: false } } componentDidCatch(error, info) { console.log(
浏览 0
提问于2018-01-20
得票数 26
回答已采纳
1
回答
即使我在构造函数中抛出错误,也不会触发componentDidCatch。
javascript
、
reactjs
、
error-handling
、
ecmascript-6
我似乎不能在代码中触发componentDidCatch,即使我故意在构造函数中抛出一个错误,所以我知道我不会将错误抛给事件处理程序。我担心的是,我没有成功地更新我的项目以响应16,这就是为什么componentDidCatch没有工作。是我没有成功升级到反应16,还是我误用了错误边界? 下面是我已经复习过的一些文章,我经常这样做: App.js import React, { Component } from 'react' import axios from 'axios' import ErrorBoundary from
浏览 0
提问于2017-11-25
得票数 2
回答已采纳
1
回答
componentDidMount生命周期方法中子组件抛出的错误不会在错误边界中捕获
reactjs
、
typescript
、
axios
当API服务器不可用时,我正在学习React,无法获得错误边界,无法捕获由axios http请求在子组件中引发的网络连接错误。 我可以看到,错误记录在子组件的catch处理程序中,但是ErrorBoundary组件没有捕获抛出语句。 有什么想法吗?如何获得错误边界,捕捉从componentDidMount生命周期方法抛出的错误? 父母- App.tsx export class App extends React.Component<AppProps, {}> { public render(): JSX.Element { return ( <di
浏览 3
提问于2019-10-07
得票数 2
回答已采纳
2
回答
用通用错误消息间歇性掩蔽错误边界
reactjs
、
react-error-boundary
我们正在应用程序中测试。目前,我们正在看到React错误边界间歇性地用以下内容掩盖错误: “在您的组件中抛出了一个错误,但React不知道它是什么。这很可能是由于浏览器的不稳定。React最大限度地保留了DevTools的”暂停异常“行为,这只需要一些DEV模式的技巧。这些错误可能在您的浏览器中不起作用。尝试触发生产模式中的错误,或者切换到现代浏览器。如果您怀疑这实际上是React的问题,请在Object.invokeGuardedCallbackImpl上提交一个问题。” 错误边界成功地捕获了堆栈跟踪;但是,如果没有错误消息,我们只有一半的失败图片。 以前有人见过这种行为吗?或者是否有任何建
浏览 9
提问于2022-08-24
得票数 5
1
回答
NextJS在自定义错误页面中使用客户端错误。
reactjs
、
error-handling
、
next.js
当出现客户端UI错误时,NextJS呈现自定义错误页(_error.jsx) .是否可以在自定义错误页面中获取有关错误的信息? 我正在使用一个定制的应用程序: // pages/_app.jsx import App from 'next/app' function CustomApp({ Component, pageProps }) { return <Component {...pageProps} /> } CustomApp.getInitialProps = async (props) => { { Component, ctx }
浏览 3
提问于2022-04-21
得票数 1
回答已采纳
1
回答
如何在next.js中使用方阵cdn?
next.js
、
font-awesome
在Head组件的Next.js中,我添加了以下CDN代码: <script src="https://kit.fontawesome.com/fbadad80a0.js" crossOrigin="anonymous" ></script> 我在项目中使用图标,如下所示: <Nav.Link href="/cart"> {" "} <i aria-hidden className="fas fa-shopping-cart"></
浏览 4
提问于2021-03-06
得票数 1
1
回答
在Next.js API端点中使用React挂钩
reactjs
、
typescript
、
next.js
我尝试使用Next.js将来自React.js钩子的数据公开为REST端点。 我可以通过pages/api/index.tsx中的以下代码轻松地使用Next.js创建REST端点 export default function handler(req: NextApiRequest, res: NextApiResponse) { res.status(200).json({ hello: 'World' }); } 但是,当我试图从React.js钩子返回数据(从外部API获取数据)时,我收到一个错误,即我无法在React函数或自定义钩子之外访问React.js钩子。
浏览 26
提问于2021-05-10
得票数 0
回答已采纳
2
回答
为什么我的react应用程序在我使用错误边界的时候也崩溃了?
reactjs
我正在尝试学习如何在React js.As中使用错误边界,我读到了here it防止你的应用程序崩溃。但是我的应用程序崩溃了!下面是我的代码: 应用组件: function App() { return ( <> <h1>app component</h1> <ErrorBoundary > <Simple /> </ErrorBoundary> </> ); } 简单组件: export default () => {
浏览 48
提问于2019-12-27
得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
快速解决500内部服务器错误的方法
win10系统打不开https站点提示http 500 内部服务器错误怎么办
上网时出现http 500 服务器错误该怎么办?
Next.js 9.5 正式发布:支持 Webpack 5
Next.js 14:虽无新API,但不乏重大变更
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券