获取棉绒错误-错误意外的空对象模式无空模式

Neh*_*pta 6 javascript typescript reactjs eslint

我在以下代码中遇到此错误:“错误的意外空对象模式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);
Run Code Online (Sandbox Code Playgroud)

Jak*_*rth 8

转译 TypeScript 后,我通过ESLint 演示应用程序运行了这段代码;linter 错误来自{}第一行。

const stateToProps = ({}, // rest of the function
Run Code Online (Sandbox Code Playgroud)

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

如果第一个参数很重要,您可以更改代码以对其进行解构:

const stateToProps = ({importantThing},
Run Code Online (Sandbox Code Playgroud)

如果不是,请表明我们不在乎:

const stateToProps = (_,
Run Code Online (Sandbox Code Playgroud)

或者,设置默认值。

const stateToProps = (importantThing = {},
Run Code Online (Sandbox Code Playgroud)

这些更改中的每一个都解决了 ESLint 警告。