javascript - 处理 React.componentDidMount 中的 AJAX 错误

Question

根据 Facebook 的说法，为 React 组件加载初始数据的最佳方法是在 componentDidMount 函数中发出 AJAX 请求:

https://facebook.github.io/react/tips/initial-ajax.html

像这样:

           componentDidMount: function () {
                var self = this;
                Store.fetch()
                    .done(function () {
                        if (self.isMounted()) {
                            self.setState(getLatestState());
                        }
                    })
                    .fail(function (err) {
                        throw err;
                    }).always(function(){
                        Store.addChangeListener('rc-listen',self._onChange);
                    });
                },

在这种情况下处理错误的最佳方法是什么？由于 AJAX 是异步的，所以 componentDidMount 不应该将回调作为参数吗？

Answer 1

首先，当您使用 componentDidMount 时，组件已插入 DOM 中并可供使用(为元素添加事件、访问 dom 元素……)。因此，此时的组件始终已安装。

其次，如果ajax请求成功，您可以更改状态以显示更新的数据，但是如果ajax请求失败，您可以更改状态以向用户显示错误消息(例如，如果您愿意，可以发送错误消息到您的服务器以保留错误历史记录)。