ErrorBoundary

ErrorBoundary

将错误控制在单个组件里面。不影响全局页面

//添加错误边界需要添加在父组件中
//在状态中添加是否出现错误的标识
state={
  hasError:''
}

//当Parent的子组件出现报错的时候，就会触发该方法
static getDerivedStateFromError(error){
  return {hasError:error}
}

//如果有错误，就不显示组件
{this.state.hasError?<h2>当前网络不稳定，稍后再试</h2>:<Child/>}