setVisible里边的val便会出错,但实际上这时候不该

一、难题简述

项目配置了eslint规则，即对没有使用的因素开展出错表明，但在ts的声明文件里边，会有一些函数的声明，函数公式里边会出现参数界定，这时候提交代码时，eslint 还会出错说不能有没有使用的自变量，但实际上这时候不该出错。
比如下面的图：

当递交的情况下，setVisible里边的val便会出错，那我们要做的是除掉 ts里边这一声明文件没有使用变量的校检。

二、解决方案

1. 在 eslint的环境变量的 extends 字段名里边再加上 "plugin:@typescript-eslint/eslint-recommended"和"plugin:@typescript-eslint/recommended"
2. 在 eslint的环境变量的 plugins 字段名里边再加上 @typescript-eslint
3. 最终必须手动式组装@typescript-eslint/eslint-plugin包

（备注名称：因为人的eslint 是分离出来一个包的，所以我把@typescript-eslint/eslint-plugin这一包安装到了dependencies，实际可以根据自身项目情况挑选安装在dependencies或是devDependencies，组装指令是npm install @typescript-eslint/eslint-plugin@latest --save）

三、eslint配备详细编码

module.exports = {
  env: {
    node: true,
    browser: true,
    es2021: true,
  },
  parser: "@typescript-eslint/parser",
  extends: [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
  ],
  parserOptions: {
    babelOptions: {
      ecmaVersion: "es2020",
      ecmaFeatures: {
        globalReturn: true,
        jsx: true,
      },
      lib: ["ES2020"],
    },
  },
  plugins: ["react", "@typescript-eslint"],
  settings: {
    react: {
      version: "detect",
    },
  },
  overrides: [
    {
      files: ["*.ts", "*.tsx"],
      rules: {
        "no-undef": "off",
        "react/prop-types": "off",
      },
    },
  ],
};

四、递交检测

通过之上配备，最终递交并没有出错。