如何解决“无参数重新分配”的错误？

Question

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

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

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

如何解决这个问题？

Answer 1

您现有的代码会使参数数组中的对象发生变异，这会导致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变量。 这样可以确保没有任何变异。

Answer 2

基本上，您是使用forEach在适当位置修改filterList ，请改用map ：

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