应为赋值或函数调用，但看到的是表达式@typescript-eslint/no-unused expression (React)
基础概念
@typescript-eslint/no-unused-expression 是一个 ESLint 规则，用于检测 TypeScript 代码中存在但未被使用的表达式。这个规则有助于提高代码的可读性和可维护性，防止潜在的错误。
相关优势
- 提高代码质量：通过检测未使用的表达式，可以减少代码中的冗余和潜在的错误。
- 增强可读性：清理未使用的代码可以使代码更加简洁，便于其他开发者阅读和理解。
- 便于维护：减少未使用的代码可以降低维护成本，使代码更容易维护和更新。
类型
这个规则属于 ESLint 的 TypeScript 插件，专门用于检测 TypeScript 代码中的未使用表达式。
应用场景
这个规则适用于任何 TypeScript 项目，特别是在使用 React 进行前端开发时。React 组件中的未使用表达式可能会导致性能问题或不必要的渲染。
常见问题及解决方法
问题：为什么会出现 @typescript-eslint/no-unused-expression 错误？
原因：
- 未使用的变量或函数：在代码中声明了变量或函数，但从未使用过。
- 无效的表达式：代码中存在无效的表达式，例如
console.log语句被注释掉或删除。 - 条件语句中的表达式：在条件语句中使用了表达式，但该表达式从未被执行。
解决方法：
- 删除未使用的变量或函数：
- 删除未使用的变量或函数：
- 确保表达式有效：
- 确保表达式有效：
- 检查条件语句：
- 检查条件语句：
- 配置 ESLint 规则： 如果确定某些表达式是有意为之且不需要修改，可以在 ESLint 配置文件中进行配置，忽略这些特定的规则。
- 配置 ESLint 规则： 如果确定某些表达式是有意为之且不需要修改，可以在 ESLint 配置文件中进行配置，忽略这些特定的规则。
参考链接
通过以上方法，可以有效解决 @typescript-eslint/no-unused-expression 错误，提高代码质量和可维护性。
相关·内容
我正在尝试创建一个预订应用程序。我是个新手，我尝试过搜索，但似乎找不到问题所在。因为我的代码有400多行，所以我将只发布那些我收到错误的代码。我正在关注这篇文章https://medium.com/@kris101/building-appointment-scheduler-app-in-react-and-nodejs-d01f7294a9fd Error screenshot 具体的错误有： 第136:11行:期望的是赋值或函数调用，但看到的是表达式no-unused expression第139:11行:期望的是赋值或函数调用，而是表达式的no-unused expression行1
浏览 19提问于2020-01-02得票数 0
回答已采纳
问题说明：
我已经开始用和做一个项目。问题是，eslint给了我一个意外的错误，似乎是一个正确声明的函数。
代码：
import React, { useState } from 'react';
type Props = {
options: Array<string>
};
const Switch: React.FC<Props> = (props: Props) => {
const [choice, setChoice] = useState<number>(0);
// eslint gives erro
浏览 0提问于2019-12-22得票数 0
回答已采纳
我已经使用create-react-app创建了一个应用程序，并且我已经应用了airbnb规则。该应用程序还包含redux和flow。
下面的代码在eslint中抛出no-unused expression错误：
const reducer = (state: string = '', action: Action) => {
switch (action.type) {
// cases
default:
(action: empty); // this is throwing eslint/no-unus
浏览 5提问于2019-01-02得票数 3
在@typescript-eslint升级之后，es-lint启动了lint错误，如下所示： 28:15 error 'token' is defined but never used @typescript-eslint/no-unused-vars 在源代码中： 23 interface IInterface {
...
>> 27 func1: (token: string) => void
>> 28 fun2: (token: string | null) => void
29 }
浏览 304提问于2021-02-10得票数 0
回答已采纳
./src/components/common/tableBody.jsx第11:11行:期望的是赋值或函数调用，但看到的却是表达式no-unused expression 搜索关键字以了解有关每个错误的详细信息。 代码如下： import React, { Component } from "react";
import _ from "lodash";
class TableBody extends Component {
render() {
const { data, columns } = this.props;
return
浏览 5提问于2020-04-27得票数 0
我在我的react应用程序中使用了第三方库'FoamTree‘来实现树的可视化。当我在我的组件中导入它的文件'carrotsearch.foamtree.js‘时，它在多行中给出了这个错误： Expected an assignment or function call and instead saw an expression no-unused-expressions 它在普通的Javascript中运行良好。它只在react中导入时才会出现错误，该文件中有很多行给出了这个错误。其中有几个是我要分享的： this.j = function (m, k) {
浏览 80提问于2019-03-25得票数 8
回答已采纳
@typescript-eslint/no-unused-vars.有一个问题所以，我们有类型
type SomeType = (name: string) => void;
我们在字符串中有@typescript-eslint/no-unused-vars错误和类型声明，表示“名称”是定义的，但从未使用过。
类型使用示例：
export const LogSomeInfo: SomeType = (name: string) => {
const a = name;
console.log(a);
};
或者：
interface CheckboxPropsTyp
浏览 5提问于2020-09-06得票数 51
回答已采纳
import React,{useState,useEffect,useContext} from'react'
import Column from './Column'
import Axios from 'axios'
import GetDataStore from './../../store/reducers/getdatastore'
function PhoneList(props){
const Context=useContext(stateContext)
const {Cols} =Column
浏览 26提问于2020-11-19得票数 0
我得到了这个错误，我无法解决这个问题:-第6行:期望一个赋值或函数调用，但却看到一个表达式no-unused expression
import React from 'react';
import classes from './BurgerGraphic.module.css';
import BurgerIng from './BurgerIng/BurgerIng';
const BurgerGraphic = (props) => {
return
(
<div className={clas
浏览 0提问于2020-07-27得票数 0
我花了很长时间来处理这个问题，但是我不理解这个错误，所以我有下面这行代码： function App() {
const [ isLogged, setIsLogged ] = React.useState<boolean>(false);
const changedLogging = () => {
setIsLogged( !isLogged );
}
return (
<div className="App">
{
!isLogged? <Login chang
浏览 27提问于2021-04-24得票数 1
回答已采纳
1回答
我试图显示它是夏季还是冬季，基于延迟和月份日期，错误应该是赋值或函数调用，而不是看到表达式no-unused expression
import React from 'react';
const getSeason = (lat, month) =>{
if (month > 2 && month < 9){
lat >0 ? 'summer': 'winter';
}else{
lat > 0 ? 'winter': 'su
浏览 0提问于2020-03-16得票数 2
我正在做一个Typescript React项目，我通常会把占位符变量放到代码中，这样在我实现所有东西之前，一切都会被安排好。这导致了一堆eslint no-unused-vars错误，并使查找真正的错误成为一项挑战。
在我准备好之前，我如何全局禁用它？我使用了create-react-app my-app --typescript，不想弹出项目，但不确定如何禁用此警告。
我注意到package.json中有一个eslintConfig部分，所以我试图关闭那里的错误，但似乎不起作用，是不是在编辑package.json后需要运行某个命令，或者我的语法不正确？
"eslintConfig
浏览 4提问于2019-09-25得票数 25
我是一个react初学者，我正在尝试调用一个if条件下的函数。我想如果条件为真，那么将状态对象的值设置为1，或者简单地调用一个将值设置为1的函数。以下是我的代码： class CountWalls extends React.Component{
constructor(props){
super(props);
this.state = {
leftcount : 0,
rightcount : 0
}
}
setright = () =>{
t
浏览 24提问于2020-11-26得票数 1
我正在用eslint建立一个新的打字稿项目。我正在尝试正确设置eslint规则，以便tsc命令运行时不会出现错误。我在tsconfig.json中使用的“tsconfig.json”规则有问题，但我无法用eslint检查这个规则。
.eslintrc.js：
module.exports = {
extends: [
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-es
浏览 5提问于2020-11-13得票数 16
回答已采纳
1回答
interface Address {
street: string,
}
export const getAddress = (address: Address | null) : string =>
address?.street ? `${address?.street}`
: '0000 Default Dr';
有人知道我在Parsing error: Expression expected. eslint on address in address?.street ?吗？
Eslint为.js和.ts都规定了规则
{
"
浏览 14提问于2022-07-12得票数 4
2回答
当前获取的是期望的赋值或函数调用，但看到的是表达式no-unused expression 我尝试在我的三元运算符的末尾返回一个空的div，但仍然得到相同的错误。 React.useEffect(() => {
if (response && !isLoading) {
showNotification({
variant: "success",
message: `Your invitation ${
浏览 14提问于2019-12-12得票数 2
回答已采纳
5回答
在我的新项目中，ESLint没有像以前那样输出警告，而是使用VSCode。如果我的代码中有一个未处理的变量，它将不再显示终端输出中的警告。只在“问题”选项卡中。
下面是我的eslint配置文件：
.eslintrc.json
{
"env": {
"browser": true,
"es6": true
},
"extends": [
"plugin:react/recommended",
"airbnb-typescript&
浏览 2提问于2021-02-08得票数 7
我整个上午都在为这个问题苦苦挣扎，在任何地方都找不到解决方案。我刚开始使用typescript，我正在尝试用Eslint和更漂亮的工具正确地设置它，以确保代码格式正确。
所以，我在创建功能组件时所面临的问题。根据小抄，我正在尝试导出一个简单的组件，例如：
import React from "react";
type DivProps = {
text: string;
};
const Div = ({ text }: DivProps): JSX.Element => (<div>{text}</div>)
export defaul
浏览 7提问于2021-11-11得票数 23
回答已采纳
以前，当使用typescript处理react项目时，我会在没有读取变量的情况下声明变量，而它会在控制台上将其作为警告通知。VSCode也会通过一条黄色的曲折线条来通知。
在我正在工作的项目中，未使用的变量显示为错误，这会“破坏”应用程序。我希望将未使用的变量作为警告而不是错误来通知。
尝试的一些事情包括修改tsconfig.json。
{
"noUnusedLocals": false,
"noUnusedParameters": false,
}
虽然这会通知我控制台中未使用的变量，并且不会“中断”应用程序，但VSCode不会通知未使用的变量
浏览 3提问于2021-02-26得票数 0
用于从props中提取主题数据的插值函数会产生一个“在函数上缺少返回类型”。eslint错误。我使用声明合并来输入主题数据，如typescript documentation中所述。合并似乎工作正常，因为props.theme是根据我的声明进行类型化的。 可以通过为插值函数指定返回类型来修复此问题 ${(props): string => props.theme.colors.secondary} 但我不认为这是必要的，因为我已经在类型声明文件中指定了props.theme.colors.secondary的类型。此外，在vs代码错误弹出窗口中，返回类型似乎是已知的(function(
浏览 35提问于2019-09-09得票数 5
回答已采纳
总之，我在react js app中得到了以下错误。我刚开始使用React，并试图创建一个示例应用程序，但遇到了这个问题:预期是一个赋值或函数调用，结果却看到了一个表达式no-unused expression。任何关于正在发生的事情的指针.示例代码
import React, { useState } from "react";
import "./App.css";
import Post from "./Post";
function App() {
const [posts, setPosts] = useState([
{
浏览 26提问于2020-07-30得票数 0
回答已采纳
我正在使用React Router v4，在创建路由器路径后，我在其中创建了一个路由文件，当我提到预期的赋值或函数调用时，它会给出=n错误，但看到的却是表达式no-unused expression。我尽了最大的努力来解决这个问题，但由于我是React的初学者，这就是为什么。请解决这个问题。
这是我的router.js文件代码。
import React, {Component} from 'react';
import {
BrowserRouter as Router,
Route,
Link
} from 'react-router-do
浏览 12提问于2018-12-15得票数 0
我正试着用webpack，打字稿和埃林特开始一个项目。我在这里收到警告@typescript-eslint/no-unused-vars：
如果不实现argv，我就无法实现env值。在这种情况下，避免错误的唯一方法是模拟变量env的使用。
我的eslint.json
{
"env": {
"browser": true,
"node": true,
"es2020": true
},
"extends": [
"e
浏览 3提问于2020-10-30得票数 0
当我尝试部署我的Firebase云函数时，我会得到以下错误。
期望的行为:成功地部署函数。
错误：
错误:读取函数/Package.json时出错：
函数/lib/index.js不存在，无法部署云函数
完整日志：
名称@name-MacBook函数% firebase部署
===部署到“newtiktok-21570”.
我部署函数运行命令: npm -前缀"$RESOURCE_DIR“运行lint
函数@ lint /Users/name/Desktop/Yoveo/function eslint "src/**/*“
/Users/name/Desktop/Yoveo/
浏览 13提问于2020-11-22得票数 12
回答已采纳
3回答
我有一个项目，既漂亮和eslint安装。问题是，当我保存一个文件时，eslint会自动更改文件的格式，而且它似乎有一些规则与更漂亮的规则冲突。解决方案是什么？
这是更漂亮的格式：
保存后，文件将更改为：
这也是eslintrc文件
{
"parser": "@typescript-eslint/parser",
"extends": [
"plugin:react/recommended",
"plugin:@typescript-eslint/recommended",
浏览 1提问于2020-08-01得票数 9
回答已采纳
在使用eslint和typescript的React项目中发生了一个styled-component错误。
错误
ESLint: 4个空格的预期缩进，但发现6.(缩进)
来源
const InputField = styled.input<{ error?: boolean }>`
...
&:focus {
outline: none;
border-color: ${({ theme, error }) =>
error ? theme.color.error : '#0d58ee'};
}
`;
浏览 14提问于2022-09-13得票数 0
1回答
当我导入要在".spec.tsx"文件中测试的组件或页面时，它不会识别Babel。
有没有办法将我的".spec.tsx"配置为识别~“”作为我的根导入？
项目基础：
我的代码：
import React from 'react';
import { render } from '@testing-library/react';
import SignIn from '~/pages/SignIn';
describe('SignIn Page', () => {
it(&
浏览 3提问于2020-06-20得票数 0
回答已采纳
我尝试接受一个输入，然后使用react显示输入的值。这是我的代码的一部分。编辑: App.js import React from 'react';
import logo from './logo.svg';
import './App.css';
var c=0;
function withheaderinput()
{
return
(
<form onsubmit='withheaderoutput()'>
Enter your name : <input
浏览 16提问于2019-12-25得票数 0
2回答
在规则中发现冲突的最佳方法是什么？
我想要解决的问题如下。有些东西迫使这个三元表达式出现在新的行上。我怀疑这与行长有关，但我尝试过将max-len设置为没有任何更改：
setAdjustmentValue((props.adjustmenttype === AdjustmentTypes.Restock) ? props.selectedsiteunitstock.maximumCapacity - props.selectedsiteunitstock.currentStockLevel : null);
衬里的：
setAdjustmentValue(
props.
浏览 2提问于2020-12-06得票数 0
回答已采纳
由于某些原因，我无法正确显示警告框(作为测试添加)。该函数似乎根本不会执行。你对我做错了什么有什么看法？
我的代码位于 btw w/ result。感谢您的提前输入！
浏览 0提问于2012-04-29得票数 0
回答已采纳
问题： ./src/components/main.js第7行:期望一个赋值或函数调用，但看到的却是表达式no-unused expression 搜索关键字以了解有关每个错误的详细信息。 import React from 'react';
import { Switch, Route } from 'react-router-dom';
import LandingPage from './landingpage'
const Main = () => {
<Switch>
<Route exac
浏览 29提问于2019-05-12得票数 0
4回答
我试图像这样在useEffect中的回调中调用异步函数。
import {useState, useEffect} from 'react';
import Navbar from 'react-bootstrap/Navbar';
interface EnBoards {
id: number
name: string
uri: string
}
const RedichanNav = (): JSX.Element => {
const [enBoards, setEnBoards] = useState({});
useE
浏览 43提问于2022-10-23得票数 0
回答已采纳
我正在开发一个React聊天应用程序，在访问我的firebase时，我得到了这个错误：“期望一个赋值或函数调用，但却看到一个表达式，没有未使用的表达式”。
错误发生在对this.removeListener的赋值中。
下面是我遇到错误的代码行：
this.removeListener = firebase.firestore()
.collection('Messages')
.doc(this.groupChatId)
.collection(this.groupChatId)
.onSnapshot(Snapshot => {
浏览 12提问于2020-06-01得票数 0
我想要在React中转换的代码 <body>
<!-- <canvas id="videoCanvas" height="600" width="600"></canvas> -->
<script type="text/javascript" src="jsmpeg.min.js"></script>
<script type="text/javascript">
var
浏览 79提问于2020-04-15得票数 1
我正在尝试使用Linq.Expression树中的调用String.Format。下面是一个简单的例子：
var format = Expression.Constant("({0}) {1}");
var company = Expression.Property(input, membernames.First());
var project = Expression.Property(input, membernames.Last());
var args = new Expression[] {format, company, proje
浏览 2提问于2011-05-25得票数 8
回答已采纳
2回答
我正在使用react。我有一个连接对象键并以字符串形式返回结果的函数。我得到一个错误，看起来像这样:第64:7行:期望一个赋值或函数调用，但却看到一个表达式no-unused expression 我拥有的函数如下所示。 const allConcat = (listOfObj) => {
let stringConcat = '';
Object.keys(listOfObj).map((item, i)=>{
(listOfObj[item] === 1)? stringConcat += item : null
});
浏览 27提问于2021-06-18得票数 1
回答已采纳
我已经设置了eslint & eslint-plugin-react。
当我运行ESLint时，链接器为每个React组件返回no-unused vars错误。
我假设它没有意识到我使用的是JSX或React语法。有什么想法吗？
这是我的代码
浏览 47提问于2018-09-09得票数 0
1回答
我正在使用一些旧的Sencha代码，这些代码是用旧风格的JavaScript编写的，我正在努力清理这些代码。这段代码太简单了，不能简单地拼写一个变量而看不到错误，因为没有任何东西被标记为全局的或未定义的。
我正在尝试使用ESLint来解决这个问题。ESLint正在有效地发现其他问题，比如var而不是let或const，==而不是===等等。但是，应该标记为未声明或全局的变量却被轻率地忽略了。例如：
'use strict';
Ext.define('mycompany.view.blah.blah.blah', {
extend: 'Ext.P
浏览 17提问于2022-05-03得票数 1
回答已采纳
示例代码：
int a[10]={0};
a = (void *) 0; // error: assignment to expression with array type
根据
primary-expression:
identifier
constant
string-literal
( expression )
和
lvalue是一个具有对象类型或无效以外的不完全类型的表达式；如果lvalue在计算对象时没有指定对象，则该行为是未定义的。当一个对象被称为具有特定类型时，该类型由用于指定该对象的lvalue指定。可修改的lvalue是不具有数组类型的lvalue，不具有不完整
浏览 3提问于2021-04-20得票数 1
回答已采纳
我正在尝试添加一条将长React属性值拆分成新行的内联规则。下面的示例显示了属性paragraph是超长的，我不知道如何对其进行内联以使其换成新行。 <Card
header="General Contractors, Engineering Procurement Providers, Prime Contractors"
id="gen-contractor"
paragraph={`Construction companies that build pipelines. While these companies may provide
浏览 61提问于2021-04-16得票数 0
class Tweet extends React.Component{
render(){
return(
<div className="tweet">
<ShowTweet linkAvatar={this.props.link} name={this.props.name} userName={this.props.username} tweetText={this.props.content}/>
<TweetAction /
浏览 12提问于2019-02-23得票数 0
回答已采纳
2回答
我在VSCode中使用VSCode，我想知道为什么当我创建一个Thing类型的对象或坚持使用接口IThing时，没有得到一个错误。
code.ts
type Thing = {
id: number;
name: string;
};
const t1 = <Thing>{}; // No error for missing properties
const t2 = {} as Thing; // No error for missing properties
const t3 = <Thing>{ bad: 'wrong ' }; // i
浏览 14提问于2022-02-22得票数 3
回答已采纳
给出一个简单的父类/子类结构。我想使用linqkit在父对象上应用子lambda表达式。我还希望Lambda表达式由实用程序方法提供。
public class Foo
{
public Bar Bar { get; set; }
}
public class Bar
{
public string Value { get; set; }
public static Expression<Func<Bar, bool>> GetLambdaX()
{
return c => c.Value == "A
浏览 1提问于2010-04-02得票数 20
回答已采纳
1回答
I有下一期ESLINT：
无法解析到模块“lib-name”import/no-unresolved的路径的
应用程序技术与打字本的反应
在运行eslint时得到了误差超过的赏金
尝试了许多不同的解决方案，但仍然存在相同的问题。
这是.eslintrc.js文件
const sharedRules = {
// import
'import/prefer-default-export': 'off',
'import/no-extraneous-dependencies': 'off', // This is usef
浏览 7提问于2022-07-27得票数 1
1回答
我想将非proto类的实例作为proto终端用于所有目的。为了启用此功能，我使用is_terminal元功能并将其传递给BOOST_PROTO_DEFINE_OPERATORS()。
这实际上定义了运算符，因此下面的表达式会像预期的那样生成表达式树：
non_proto_obj * proto_obj; // creates proto expression tree
不过，我不能这样做：
non_proto_obj = proto_obj; // no operator=
non_proto_obj[proto_obj]; // no operator[]
相反的情况则是编译：
proto_
浏览 2提问于2016-05-31得票数 2
回答已采纳
我是react js的新手，我正在学习Udemy课程，但我得到的错误是“期望一个赋值或函数调用，但却看到一个表达式no-unused expression”.Basically我正在使用一个firebase数据库来开发这个应用程序在这个应用程序中用户把他们的名字作为一个学生。
import React, { Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
var firebase=require('firebase');
var uuid=requ
浏览 24提问于2020-02-20得票数 0
1回答
.eslintrc.js
module.exports = {
root: true,
extends: [
'@react-native-community',
'standard-with-typescript',
'plugin:@typescript-eslint/recommended',
'plugin:jest/recommended',
'plugin:prettier/recommended',
'plugin:import/rec
浏览 1提问于2022-01-14得票数 1
回答已采纳
我正在开发一种简单的过程性解释脚本语言，使用ANTLR4用Java语言编写。只是个业余爱好项目。我已经使用ANTLR4编写了一些DSL，词法分析器和解析器没有出现真正的问题。我通过直接从解析树进行解释，获得了相当多的语言工作，但当我开始添加函数时，这种策略除了速度很慢之外，还开始崩溃。
因此，我创建了一个基于堆栈的虚拟机，基于“语言实现模式:创建自己的领域特定和通用编程语言”的第10章。我有一个运行良好的VM汇编器，现在我正在尝试让脚本语言通过AST生成汇编语言。
我不太明白的是，如何检测表达式或函数结果何时未使用，以便我可以生成POP指令来丢弃操作数堆栈顶部的值。
我希望像赋值语句这样的东西
浏览 0提问于2018-05-10得票数 1
首先，我必须说，我在StackOverflow上读过几篇关于这方面的文章，但我没有得到想要的结果。
让我解释一下上下文(简化)：我使用Linq- to -SQL来查询最近访问过商店的客户，并且(可选)只获得那些支付了一定金额的客户。假设我有一个包含客户端、访问和支付类的模型。
因此，将重点放在Where表达式上，我尝试这样做：
Expression<Func<Entityes.Clients, bool>> filter = null;
filter = c =>
c.Visits.Any(v => v.VisitDate >
浏览 0提问于2012-02-22得票数 6
回答已采纳
一个React新手的实验：
React.renderComponent(
<MyComponent item={name: "A Name", description: "---"} />,
document.getElementById('container')
);
控制台错误：
JSX value should be either an expression or a quoted JSX text
似乎不是那样工作的。我挖掘React文档已经有一段时间了，但还没有开始。
浏览 0提问于2014-05-24得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
