当箭头函数的参数只有一个时，vscode 会自动创建括号如何解决这个问题？

问题描述

如果我提供带有如下参数的箭头函数：

  const onClickBtn = e => { 
    handleSearch();
  };

vs 代码添加括号，如：

  const onClickBtn = (e) => { 
    handleSearch();
  };

我不希望这样的设置。

我认为这是一个 eslint 设置问题，所以我用谷歌搜索但找不到答案。

我该如何解决这个问题？

解决方法

ESLint Arrow Parenthesis ESLint 将此定义为良好实践，尽管我特别不喜欢这种行为。您需要将相应的设置更改为 "as-needed"，这将不再在箭头函数参数周围强制使用大括号。