ESlint错误JS：箭头主体周围出现意外的块语句

Question

I am calling multiple function (with promise) will be returned .. code is working perfectly fine for me but I need to ESlint error free code.. at the moment I get the below error for this..

Unexpected block statement surrounding arrow body arrow-body-style

could you please advise on this...

this.test1 = function() {
return this.test2().then((val1) => {
    return this.test3().then((val2) => {
        return this.test4().then((values) => {
            const nameValues = [];
            for (let i = 0; i < values; i += 1) {
                if (i === 0) {
                    for (let j = 0; j < val1; j += 1) {
                      //some code
                    }
                } else if (i === 1) {
                    for (let k = 0; k < val2; k += 1) {
                        //some code
                    }
                }
            }
            return //some value;
        });
    });
});

};

Answer 1

Your linter rule expects you to remove the {} from your arrow function because your function body has only a return statement, which ordinarily is expressed without {} or the return keyword (shown below).

this.test2().then((val1) =>
this.test3().then((val2) =>
this.test4().then((values) => {  const nameValues = []; /* ... */ }

Answer 2

试试这个eslint配置

"arrow-body-style": ["error", "as-needed"]