typescript tslint-禁用方法链中的注解

deikduxw  于 2023-05-19  发布在  TypeScript
关注(0)|答案(2)|浏览(164)

我正在填充一个Array并使用它Map到一系列React组件

return (
        <div className={style}>
            <Header title="INVENTORY" />
            {Array(slots)
                .fill(0)
                .map((_, i) => (
                    <ItemSlot />
                ))}
        </div>
    )

此行.map((_, i) => (显示警告

'_' is defined but never used.eslint@typescript-eslint/no-unused-vars
'i' is defined but never used.eslint@typescript-eslint/no-unused-vars

我尝试添加/* tslint:disable:no-unused-variable */注解,但它似乎不工作的任何地方,我试图把它。举个例子

.fill(0) /* tslint:disable:no-unused-variable */
                .map((_, i) => (
                    <ItemSlot />
                ))}

没有效果。
如何在被链接的方法上添加tslint注解覆盖?

r3i60tvu

r3i60tvu1#

如果你不使用这些变量,你可以省略它们:

Array(slots)
  .fill(0)
  .map(() => (
    <ItemSlot />
  ))
lb3vh1jj

lb3vh1jj2#

你的问题有几个问题。
首先,你把你的工具弄混了。tslint是一种工具,eslint是另一种工具。您列出的错误来自eslint,而不是tslint
因为你搞错了--你试图使用tslint禁用注解而不是eslint禁用注解。ESLint禁用类似

// eslint-disable-next-line <name of rule>
// eslint-disable-line <name of rule>

// eslint-disable-next-line @typescript-eslint/no-unused-var
// eslint-disable-line @typescript-eslint/no-unused-var

接下来-正如John在他的回答中提到的-如果你没有使用任何参数-那么根本没有必要声明它们-你可以(也应该)完全省略它们,因为它们是不必要的。
最后-如果你想让规则忽略下划线命名的参数,你可以使用argsIgnorePattern选项,例如:

"@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }]

相关问题