我收到以下代码的 linting 错误 - “错误意外的空对象模式 no-empty-pattern”。有谁知道如何解决这个问题？它是一个 tsx 文件。

const stateToProps = ({}, { data = [], filters = {}, staticFilters = 
  [{}] }) => {
  const allFilters = staticFilters ? Object.assign({}, filters, ...staticFilters) : filters;
  const newData = getFilteredRows(allFilters, data);
  return {
      data: newData,
      unfilteredData: data,
  };
};
//called like this
export const NodeList = connect<{}, {}, CustomNodeTableProps>(stateToProps)(CustomNodeTable);

最佳答案

我通过 ESLint demo 运行这段代码转译 TypeScript 后的应用程序； linter 错误来自第一行的 {}。

const stateToProps = ({}, // rest of the function

no-empty-pattern旨在捕获似乎正在使用解构但不分配任何变量的代码。在上面的代码中，stateToProps 接受第一个参数，但无论该参数是什么，它都会解构为一个空对象 {}，并且不会分配任何内容。

如果第一个参数很重要，您可以更改代码以解构它:

const stateToProps = ({importantThing},

如果不是，表明我们不关心:

const stateToProps = (_,

或者，设置一个默认值。

const stateToProps = (importantThing = {},

这些更改中的每一项都会解决 ESLint 警告。

关于javascript - 获取 linting 错误 - 错误 Unexpected empty object pattern no-empty-pattern，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57609358/