应为赋值或函数调用，但看到的是表达式@typescript-eslint/no-unused expression (React)

基础概念

@typescript-eslint/no-unused-expression 是一个 ESLint 规则，用于检测 TypeScript 代码中存在但未被使用的表达式。这个规则有助于提高代码的可读性和可维护性，防止潜在的错误。

相关优势

1. 提高代码质量：通过检测未使用的表达式，可以减少代码中的冗余和潜在的错误。
2. 增强可读性：清理未使用的代码可以使代码更加简洁，便于其他开发者阅读和理解。
3. 便于维护：减少未使用的代码可以降低维护成本，使代码更容易维护和更新。

类型

这个规则属于 ESLint 的 TypeScript 插件，专门用于检测 TypeScript 代码中的未使用表达式。

应用场景

这个规则适用于任何 TypeScript 项目，特别是在使用 React 进行前端开发时。React 组件中的未使用表达式可能会导致性能问题或不必要的渲染。

常见问题及解决方法

问题：为什么会出现 @typescript-eslint/no-unused-expression 错误？

原因：

1. 未使用的变量或函数：在代码中声明了变量或函数，但从未使用过。
2. 无效的表达式：代码中存在无效的表达式，例如 console.log 语句被注释掉或删除。
3. 条件语句中的表达式：在条件语句中使用了表达式，但该表达式从未被执行。

解决方法：

1. 删除未使用的变量或函数：
2. 删除未使用的变量或函数：
3. 确保表达式有效：
4. 确保表达式有效：
5. 检查条件语句：
6. 检查条件语句：
7. 配置 ESLint 规则： 如果确定某些表达式是有意为之且不需要修改，可以在 ESLint 配置文件中进行配置，忽略这些特定的规则。
8. 配置 ESLint 规则： 如果确定某些表达式是有意为之且不需要修改，可以在 ESLint 配置文件中进行配置，忽略这些特定的规则。

参考链接

• TypeScript ESLint 插件文档
• ESLint 官方文档

通过以上方法，可以有效解决 @typescript-eslint/no-unused-expression 错误，提高代码质量和可维护性。