react 错误边界处理

最新推荐文章于 2025-04-04 20:54:49 发布

在座的各位都是菜杯

最新推荐文章于 2025-04-04 20:54:49 发布

阅读量267

点赞数

分类专栏： react 文章标签： react.js elementui javascript

本文链接：https://blog.youkuaiyun.com/coderYYA/article/details/123077899

版权

react 专栏收录该内容

11 篇文章

订阅专栏

当后代组件生命周期（render）发生错误时，为了保证页面不会全部崩掉
	state={
		hasError:''
	}


static getDeriveStateFromError(error){
	return {hasError:error}
}

	componentDidCatch(error,info){
		console.log("捕获到了错误，发送给后台")
	}


在渲染组件的时候判断一下
{this.state.hasError ? <h3>网络繁忙，请稍后再试</h3> : <renderComponent/>}