记录报错 react Expected an assignment or function call and instead saw an expression no-unused-expressi

最新推荐文章于 2021-08-17 12:20:52 发布
原创 最新推荐文章于 2021-08-17 12:20:52 发布
· 3.9k 阅读 · 0 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

报错：Expected an assignment or function call and instead saw an expression  no-unused-expressions Search for the keywords to learn more about each error.

期望一个赋值或函数调用，却看到一个表达式没有使用表达式

搜索关键字以了解每个错误的更多信息。

语法错误

原代码：

使用map循环遍历展示视图

改后不报错的代码：

map()中少写了return

React | 报错 Expected an assignment or function call and instead saw an expression no-unused-express
虎鲸虎鲸
09-06 1万+
报错内容 Failed to compile ./src/pages/home/component/Recommend.js Line 13: Expected an assignment or function call and instead saw an expression no-unused-expressions Search for the keywords to lear...
Angular--所有错误锦集
罗俊
08-20 1万+
code 类型 英文描述 中文描述 1002 错误 Unterminated string literal. 未终止的字符串文本。 1003 错误 Identifier expected. 应为标识符。 1005 错误 ‘{0}’ expected. 应为“{0}”。 1006 错误 A file ...
react报错Expected an assignment or function call and instead saw an expression
qq_36166962的博客
12-10 4万+
  这个报错 意思是“希望是赋值或函数调用，不能是表达式” 解决的方法：在所调用函数的后面加个（）
React错误： Expected an assignment or function call and instead saw an expression
weixin_42650595的博客
11-19 2万+
最近在学习react，在进行编码的过程中发现了如上错误，错误的意思是：希望是一个赋值或者是函数调用，而不是一个表达式。下面我们来分析一下错误。 首先我的代码是这样的： 错误提示是在map函数那里出错了，出错在于标红的花括号，因为这里我使用的是JSX来渲染元素，在JSX语法中，花括号被当成表达式（上述es6箭头函数的写法正常情况下是没有问题的）。我们应该做如下修改： //把花括号去掉（es6箭头函数的写法：当回调函数只有一个语句时，可以省略花括号） { this.state.posts.map(i
Expected an assignment or function call and instead saw an expression no-unused-expressions
web_xiaolei的博客
12-05 1万+
字面意思：应为赋值或函数调用，而不是看到表达式没有未使用的表达式 很可能是js表达式调用的是函数方法，却没有执行方法，或者准备定义某变量，却没有赋值。 如： submit=()=>{ console.log(1) } onClick={()=>{this.submit}} //错误 修改： onClick={this.submit} //正确 //或者 onclick={()=&g...
Expected an assignment or function call and instead saw an expression
BLUEHEART
10-05 974
People who are looking how to suppress it when using ESLint. You can ingnore it by writing the following comment just above the line no-unused-expressions // eslint-disable-next-line no-unused-expressions You can also suppress the warning for the entire f
Bug记录01 React项目 | Expected an assignment or function call and instead saw an expression
Spring的博客
06-05 857
报错记录 Expected an assignment or function call and instead saw an expression 错误代码 解决办法 补充： 箭头函数有大括号就要有return,用return返回出去的组件可以没有用小括号括起来成为一个整体,但必须要让组件和return在一行。 附录：在线代码截图工具（网址: https://www.dute.org/code-snapshot），根据输入的源代码，可以生成漂亮的代码图片。本工具可自动识别输入的代码属于哪种程序语言
React：Expected an assignment or function call and instead saw an expression
weixin_44082369的博客
08-27 1927
这是第二次犯这个错误了，有必要记录一下提醒自己 翻译：期望看到的是一个赋值或者函数调用，而看到的是一个表达式 修正：将 2 处的 {} 改为 () 注：第一处标记是因为上次把 render() {} 表达式 ...
React 之 Expected an assignment or function call and instead saw an expression 解决办法
热门推荐
前端一线搬运工的博客
11-26 4万+
两个问题: Line 13:57: Expected an assignment or function call and instead saw an expression no-unused-expressions Line 24:68: 'e' is not defined no...
React | Expected an assignment or function call and instead saw.....
yleave的博客
05-29 1万+
  记一个 react 程序报的错误：Expected an assignment or function call and instead saw an expression，直译是：需要是一个函数调用或赋值，不过却是一个表达式。   这个错误让我摸不着头脑，反复看代码也没发现哪出问题了，最后在看到这篇文章的时候才发现是哪错了（箭头函数里的括号问题）。这里记录一下来加深印象，也给出现同样问题的朋友们提供一个案例。   其实主要也是自己基础不扎实的问题   在我对箭头函数的印象中：若箭头函数的函数体中只有一
vue+ts main.ts报错unused expression, expected an assignment or function call
优快云chaxundaima的博客
06-29 829
unused expression, expected an assignment or function call 解决办法 在main.ts当中修改vue的挂载语句 new Vue({ el: '#app', router, components: { App }, template: '<App/>' }).$mount() 加上$mount()就解决这个问题了
jshint 报错处理方式
qq_1518671828欢迎打扰
03-25 2474
1、pected an assignment or function call and instead saw an expression 问题：表达式缺少赋值，或者函数缺少调用，例如：三元运算符需要赋值给变量 Let variable = Object.keys(data).includes('DB') self.controller.set("reportDB",'DB'):self.controller.set("reportDB", ''); 解决：1.可以直.
【eslint】no-used-expressions
逆风飞翔的代码狗
07-25 1801
eslint 假如你用了eslint以后还是会出现许多报错或者警告，也许可以通过代码注释的方式帮你消除这些警告或者报错 /*eslint-disable*/ 这个是消除的万能式子，也许你想把它写进你的自定义规则里面，可以尝试这样： { "root": true, "parserOptions": { "sourceType": "module" }, "extends": [ "@vue/standard" //eslint起检测作用主要的代码 ], //
Eslint规范
qq_44101482的博客
06-04 4525
Expected an assignment or function call and instead saw an expression 这种错误是只有一个表达式，需要有一个声明或者是函数的调用，属于函数创建函数后调用方法错误。 具体案例如下： 此时报错： 将created里的调用改为 完美运行。 ...
react 开发 每日一bug
qq_40545204的博客
07-09 812
6 条 vue 实例的 属性 a、vm.el：类型（HTMLElement）挂载元素，Vue实例的DOM根元素；b、vm.el：类型（HTMLElement）挂载元素，Vue实例的DOM根元素； b、vm.el：类型（HTMLElement）挂载元素，Vue实例的DOM根元素；b、vm.data：类型（Object），Vue实例观察的数据对象 c、vm.props：类型（Object）d、vm.props：类型（Object） d、vm.props：类型（Object）d、vm.options：类型（O..
Eslint校验报错处理方法
weixin_45315794的博客
08-17 1385
Eslint校验报错处理方法 在遇到Eslint校验规则时，报下列错或警告： 1.遇到 no-unused-vars、no-unused-expressions、no-undef、no-restricted-globals等错时，可以在配置Eslint中 rules进行关闭该功能的校验 2.如果遇到某个文件（如引入的插件 min.js）时，报错及警告太多，可以在根文件创建=> .eslintnore (别忘记前面一个点），在其中进行配置，如下图： /src/view => src文件下vi
c\App.js Line 39:9: Expected an assignment or function call and instead saw an expression no-unused-expressions
最新发布
03-18
### 问题分析 该问题是由于 ESLint 的规则 `no-unused-expressions` 被触发所引起的。此规则旨在防止未被使用的表达式存在，通常是因为开发者忘记调用函数或者误用了某些语法结构[^1]。 在 React 中，如果 JSX 结构中的表达式未能正确处理，则可能会引发此类警告或错误。例如，在 `{}` 大括号内的 JavaScript 表达式如果没有返回值或未被调用，就会违反这一规则[^2]。 --- ### 解决方案 #### 方法一：确保表达式有实际用途 检查第 39 行的代码逻辑，确认是否有遗漏的函数调用或其他操作。如果是函数调用，请加上括号以显式执行它： ```javascript // 原始代码可能形如： someFunction; // 修改为： someFunction(); ``` 上述修改通过添加括号来明确表示这是一个函数调用而非单纯的表达式声明。 --- #### 方法二：调整 JSX 返回值 如果是在 JSX 中遇到此问题，可能是大括号内部的内容没有正确返回。以下是修正方式的一个例子： 原始代码可能存在如下形式的问题： ```javascript <SomeComponent> {data.map(item => item)} </SomeComponent>; ``` 此处的箭头函数仅定义了一个表达式而未将其作为组件的一部分渲染出来。可以改为以下写法之一： **选项 A**: 使用隐式的单行返回语句（推荐用于简单场景） ```javascript <SomeComponent> {data.map(item => ( <ChildComponent key={item.id} data={item} /> ))} </SomeComponent>; ``` **选项 B**: 显式使用 `return` 关键字（适用于复杂逻辑的情况） ```javascript <SomeComponent> {data.map(item => { return <ChildComponent key={item.id} data={item} />; })} </SomeComponent>; ``` 这两种方法都可以满足 ESLint 对于有效表达式的要求[^3]。 --- #### 方法三：禁用特定规则（不建议长期使用） 如果确实希望忽略这条规则，可以通过特殊注释临时关闭它。注意这种方法应谨慎采用，因为它可能导致潜在问题难以发现。 全局文件级禁用： ```javascript /* eslint-disable no-unused-expressions */ ... /* eslint-enable no-unused-expressions */ ``` 局部行级禁用： ```javascript someExpression; // eslint-disable-line no-unused-expressions ``` 尽管如此，仍强烈建议优先考虑前两种解决方案，因为它们能够从根本上解决问题并保持代码质量[^4]。 --- ### 总结 针对 App.js 文件中出现的 `'Expected an assignment or function call and instead saw an expression no-unused-expressions'` 错误，需仔细审查涉及的代码片段是否存在未调用的函数、无意义的表达式或是 JSX 渲染不当等问题。按照前述三种方法逐一排查即可妥善解决。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值