嵌套塊是多余的警告 ESLint

Question

我有一個警告，嵌套塊是多余的，沒有單獨的塊。

      {
         products.forEach((product) => {
            this.props.currentUserTags.forEach((tag) => {
               if (tag.id === product.tag.id) {
                  recommendations.push(product);
               }
            });
         });
      }

我不確定在收到此警告時我可以更改此語法的哪些內容？

Answer 1

該規則提到This rule aims to eliminate unnecessary and potentially confusing blocks at the top level of a script or within other blocks.

無孤塊

從您提到的代碼片段中，您有不必要的外部花括號，因此消除它可以修復警告/錯誤。

 products.forEach((product) => {
    this.props.currentUserTags.forEach((tag) => {
       if (tag.id === product.tag.id) {
          recommendations.push(product);
       }
    });
 });