在配置上解决React + TypeScript 报错‘未使用变量或参数’解决方案

引言:

在使用 React 和 TypeScript 进行开发时，你可能会经常遇到'xxx is declared but its value is never read'以及'xxx is defined but never used.eslint@typescript-eslint/no-unused-vars'这样的报错信息。 解决方案：

步骤一：修改 tsconfig.json 文件

如果你的项目中没有 tsconfig.json 文件，可以手动添加一个。在这个文件中进行如下配置修改：

{
  "compilerOptions": {
    "noUnusedLocals": false,
    "noUnusedParameters": false
  }
}

步骤二：修改.eslintrc.js 文件（ 或其他配置文件格式，如eslint.config.js ）

如果你的项目中没有 .eslintrc.js 文件，也可以手动添加。在这个文件中进行如下配置修改：

module.exports = {
  rules: {
    '@typescript-eslint/no-unused-vars': 'off',
  },
};