如何修复“no-param-reassign”eslint 错误？

Question

如何修复错误"no-param-reassign": [2, {"props": false}]"

这是我收到 Eslint 错误的示例：

 filtersList.forEach((filter) => {
      if (filter.title === 'Timeframe') {
        filter.options.forEach((obj) => {
          obj.selected = false;
        });
      }
    });

如何解决这个问题？

Answer 1

基本上你是用forEach修改你的filterList，改用map：

filtersList.map(filter => {
  if (filter.title === "Timeframe") {
    return {
      ...filter,
      options: filter.options.map(obj => ({ ...obj, selected: false }))
    };
  }
  return filter;
});

Answer 2

您现有的代码改变了参数数组中的对象，这导致了 linter 错误。要么禁用该行的 linter 规则，要么创建新对象而不是变异，例如：

const changedFilters = filtersList.map((filter) => {
  if (filter.title !== 'Timeframe') {
    // you can clone the object here too, if you want
    return filter;
  }
  return {
    ...filter,
    options: filter.options.map((obj) => ({
      ...obj,
      selected: false
    }))
  };
});

然后在代码中稍后使用changedFilters 变量。这样可以确保没有任何内容发生变异。