reactjs – 为什么我的http库的错误处理程序在应用程序中捕获* all * runtime错误？

这个电话看起来很简单.在名为TownsList.js的组件中,我这样做

class TownsList extends Component {

  constructor(props) {
    super(props);
    this.state = {towns: []};
  }

  componentDidMount() {

    let url = "(SOME URL HERE)";

    axios.get(url)
         .then(function(response) {
           // Do stuff witt the successful result
         })
         .catch(function (error) {
           Alert.alert(
             'Download failed',
             'Unable to download data from '+url+"\nError:"+error,
             [{text: 'OK'}])
         });

...

现在奇怪的是,每当我的代码中有一些其他运行时错误//成功结果块的东西 – 例如对某个常量或变量的错误引用 – 该错误将由Axios的错误处理程序处理,以及：

这感觉不对.我究竟做错了什么？我应该在我的应用程序中的其他地方设置“通用”错误处理来捕获这些东西吗？或者这是预期的行为？

如果在您标记为的块中抛出错误,这是自然行为

// Do stuff witt the successful result

如果您不想要这种行为,请考虑以这种方式编写它：

axios.get(url)
         .then(function(response) {
           // Do stuff with the successful result
         },
         function (error) {
         // any error from the get() will show up here
           Alert.alert(
             'Download failed',
             'Unable to download data from '+url+"\nError:"+error,
             [{text: 'OK'}])
         });)
    })
    .catch(function(error) {
         // any error from "doing stuff" will show up here
         console.error(error);
    })

.then()方法允许两个函数,一个用于成功,另一个用于失败 – 原始promise的失败,而不是成功函数.

由于您自己的代码本身由于某种原因而失败,您当然不希望沉默.