React Native中的全局未处理注释侦听器

Posted 2021-05-04

是否有任何等价物

window.addEventListener('unhandledrejection', (event) => {});

在React Native？

我知道我可以将fetch api包装在一个地方来处理大多数未处理的抛出事件，但是全局处理程序将帮助任何承诺，而不仅仅是来自fetch api的承诺。

答案

这不是一个容易的问题。

所有浏览器尚不支持“unhandledrejection”事件（请参阅browser compatibility on MDN）。默认的React Native的Promises实现有另一种机制来捕获未处理的拒绝（参见here）。

如果你想要这个功能（我也想要它自己！），你可以使用一个实现它的JS Promise库。 Bluebird就是一个很好的例子。但是，您必须确保应用中的每个Promise都使用此实现。

例如，在React Native应用程序的index.js文件中：

import Promise from 'bluebird';

// We use the "Bluebird" lib for Promises, because it shows good perf
// and it implements the "unhandledrejection" event:
global.Promise = Promise;

// Global catch of unhandled Promise rejections:
global.onunhandledrejection = function onunhandledrejection(error) {  
  // Warning: when running in "remote debug" mode (JS environment is Chrome browser),
  // this handler is called a second time by Bluebird with a custom "dom-event".
  // We need to filter this case out:
  if (error instanceof Error) {
    logError(error);  // Your custom error logging/reporting code
  }
};