在箭头函数中使用 if...else...

Question

我使用ajax获取Vue.js中的信息，所以我的代码是：

fetch('http://work1999.kcg.gov.tw/open1999/ServiceRequestsQuery.asmx/ServiceRequestsQuery').then(function (response) {
if (response.ok) {
    return response.json();
} else {
    commit(roottypes.LOADING, false);
}

});

但是我用的是 Airbnb JavaScript 风格，所以出现错误： https://imgur.com/a/ePeUG

为了解决no-else-return和prefer-arrow-callback，所以我把代码改成：

fetch('http://work1999.kcg.gov.tw/open1999/ServiceRequestsQuery.asmx/ServiceRequestsQuery').then((response) => {
if (response.ok) {
    return response.json();
}

commit(roottypes.LOADING, false);

});

然后，我得到了一个新的错误： https://imgur.com/2qZOqD5

但只有响应正常，才会return，其他人会做这个功能。我该如何解决这个问题？谢谢

Answer 1

如果要使用箭头函数，应该是：

fetch('http://work1999.kcg.gov.tw/open1999/ServiceRequestsQuery.asmx/ServiceRequestsQuery')
    .then(response => { return response.ok ? response.json() : commit(roottypes.LOADING, false) });

在箭头函数中使用 if...else...

Using if...else... in Arrow Function

javascript

vue.js

arrow-functions