我想覆盖 isomorphic-fetch 的 fetch()
方法这样,就在发送此请求之前,它调用 showLoader()
,在请求完成后,它调用 hideLoader()
。现在我想重写它,以便可以像原始获取方法一样链接新的获取方法。所以它应该尊重/转发所有的 promise 。总之,我想:
- 将原来的
fetch()
改写为fetchPlus(extraArg)
fetchPlus()
需要在调用fetch()
之前和fetch()
完成之后做额外的工作。fetchPlus()
应该是原始fetch()
用法的替代品
- 它应该支持链接以便我可以做:
fetchPlus(extraArg, originalArgs...).then(response => {...}).catch(error => {...});
我是 JS、React 和 Redux 的新手,所以如果我错过了一些明显的东西,请原谅。我确实阅读了 fetch()
并且知道它返回 Promise以便可以进一步传递响应或处理错误。我想出了一种丑陋的方法,我将 responseHandler 和 errorHandler 函数作为参数传递给 fetchPlus。
fetchPlus(extraArg, url, options, responseHandler, errorHandler) {
showLoader(extraArg);
fetch(url, options)
.then(response => {
hideLoader(extraArg);
responseHandler(response);
}.catch(error => { errorHandler(error); });
}
但我觉得它不干净。我想看看我是否可以找到一个直接替换原始 fetch 的地方,其中 Promises 被正确传递。
如果有任何帮助,我将不胜感激!
最佳答案
如果您知道它会返回一个 Promise,那为什么不直接返回呢?
fetchPlus(extraArg, url, options) {
showLoader(extraArg);
return fetch(url, options)
.then(response => {
hideLoader(extraArg);
return response;
})
}
然后使用它:
fetchPlus(extraArg, url, options)
.then(response => ...)
.catch(error => ...)
关于javascript - 覆盖 JS 中的获取方法并转发 Promises,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39456044/