eslint对象-传递变量的速记错误

Question

我有以下功能，可以设置select2插件，如果有多个插件，则需要选择保持打开状态，如果没有，则需要选择保持关闭状态：

function setUpSelects($selects, closeOnSelect) {
  $selects.each((i, item) => {
    const $item = $(item);

    $item.select2({
      closeOnSelect: closeOnSelect,  // <-- error on this line
      minimumResultsForSearch: Infinity,
      placeholder: $item.data('placeholder') || $item.attr('placeholder'),
    });
  });
}

setUpSelects($('select:not([multiple])'), false);
setUpSelects($('select[multiple]'), true);

但是，当我尝试运行此代码时，eslint检查器会给我一个错误（如上所示）：

错误预期属性速记对象速记

我做了一个搜索和阅读文档，但它并没有显示你是如何使用一个变量和这个问题上未被接受的答案似乎认为这可能是一个错误在eslint（虽然我没有找到证据来支持）

有没有办法让这项工作，或者我应该只是禁用该行的规则？

Answer 1

要使用键定义对象，但无法使用任何键。试试这个。

接口映射{[键：字符串]：字符串|未定义}

const HUMAN_MAP: Map = {
  draft: "Draft",
}

export const human = (str: string) => HUMAN_MAP[str] || str

Answer 2

此规则检查是否使用了对象文字速记语法，例如{a，b}而不是{a:a，b:b}。该规则是可配置的，有关详细信息，请参阅选项。

尽管这种速记语法很方便，但在某些情况下，您可能不想强制使用它。您可以在配置中禁用检查：

// .eslintrc.json

{
  "rules": {
    // Disables the rule. You can just remove it,
    // if it is not enabled by a parent config.
    "object-shorthand": 0
  }
}

对于TSLint，有一个不同的选项：

// tslint.json

{
  "rules": {
    // Disables the rule. You can just remove it,
    // if it is not enabled by a parent config.
    "object-literal-shorthand": false
  }
}

Answer 3

eslint关于这个问题的摘录：

需要对象文字速记语法（对象速记）-规则详细信息

此规则强制使用速记语法。这适用于在对象文本中定义的所有方法（包括生成器），以及在键名称与指定变量名称匹配的情况下定义的任何属性。

改变

closeOnSelect: closeOnSelect

公正

closeOnSelect