加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

reactjs – 在mapStateToProps中处理app错误的强大方法?

发布时间:2020-12-15 09:35:41 所属栏目:百科 来源:网络整理
导读:我正在寻找有关处理mapStateToProps中的错误的最强大和可靠方法的建议,如果甚至建议在React Redux应用程序中在此级别尝试此操作. 例如,如果我使用react-redux连接组件和mapStateToProps: function mapStateToProps(state,ownProps) { throw Error('Some unf
我正在寻找有关处理mapStateToProps中的错误的最强大和可靠方法的建议,如果甚至建议在React Redux应用程序中在此级别尝试此操作.

例如,如果我使用react-redux连接组件和mapStateToProps:

function mapStateToProps(state,ownProps) {
    throw Error('Some unfortunate error.');
    return {
        // some data
    }
}

我想捕获此错误,并可能在渲染组件的位置显示错误组件.我不会尝试恢复 – 只需拿起并继续前进.

目前我注意到这完全停止了React,并且页面可能需要重新加载:Uncaught TypeError:无法读取null的属性’getHostNode’

解决方法

我将处理异常作为常规数据,因为connect仍然期望一些道具将它们传递给您的组件.我会做这样的事情:

function mapStateToProps(state,ownProps) {
 try {
   // code
   return {
       // some data
   }
 } catch (e){
   return {
       error: e
   }
 }
}

然后让组件查找props.error并显示错误消息.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读