Bug记录01 React项目 | Expected an assignment or function call and instead saw an expression

已于 2022-03-04 16:33:34 修改
阅读量646 收藏 1
点赞数
分类专栏： 前端 React Bug整理 文章标签： reactjs javascript 前端
于 2020-06-05 16:44:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44653640/article/details/106573102
版权
前端 同时被 3 个专栏收录
8 篇文章 0 订阅
订阅专栏
Bug整理
4 篇文章 0 订阅
订阅专栏
React
2 篇文章 0 订阅
订阅专栏

报错记录

在这里插入图片描述

Expected an assignment or function call and instead saw an expression

错误代码

在这里插入图片描述

解决办法

在这里插入图片描述
在这里插入图片描述

补充： 箭头函数有大括号就要有return,用return返回出去的组件可以没有用小括号括起来成为一个整体,但必须要让组件和return在一行。

附录：在线代码截图工具（网址: https://www.dute.org/code-snapshot），根据输入的源代码，可以生成漂亮的代码图片。本工具可自动识别输入的代码属于哪种程序语言，包括 C、C++、Java、Go、Python、PHP、JavaScript、TypeScript、CSS、HTML 等几十种开发语言，并提供了若干高亮主题，以及相关图片生成选项，以生成不同风格的源码截图。生成的图片可用于公众号文章、博客、微博、论坛等需要展示代码的场合。

养成写博客的好习惯，记录下来出现的bug以及解决方案
每天进步一点点，慢一点才能更快

追忆普鲁斯特
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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...
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
react报错Expected an assignment or function call and instead saw an expression
qq_36166962的博客
12-10 4万+
  这个报错 意思是“希望是赋值或函数调用，不能是表达式” 解决的方法：在所调用函数的后面加个（）
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...
React | Expected an assignment or function call and instead saw.....
yleave的博客
05-29 9074
  记一个 react 程序报的错误：Expected an assignment or function call and instead saw an expression，直译是：需要是一个函数调用或赋值，不过却是一个表达式。   这个错误让我摸不着头脑，反复看代码也没发现哪出问题了，最后在看到这篇文章的时候才发现是哪错了（箭头函数里的括号问题）。这里记录一下来加深印象，也给出现同样问题的朋友们提供一个案例。   其实主要也是自己基础不扎实的问题   在我对箭头函数的印象中：若箭头函数的函数体中只有一
React项目架构+电商项目布局及代码
07-16
React 项目架构与电商项目布局 React 框架是当前最流行的前端框架之一，对于初学者来说，如何快速上手写一个项目是一个非常重要的问题。本文将为读者详细讲解 React 项目架构、电商项目布局及代码实现。 一、 ...
snapaper-react:An Integrated Platform of Past-papers and More Study Resources | 聚合 CAIE 试卷资源平台
05-05
蛇皮纸以往论文和更多研究资源的综合平台截屏发展git clone git@github....赞助我你的名字将会在列表如果遇到任何问题，请提出问题我会尽快给您答复
rc-drag:An React Component for drag and resize, and supports drag and zoom on mobile devices. | 基于react的轻量级拖拽缩放组件, 且支持移动设备拖拽缩放
05-28
rc-dragrc-drag is a react-based drag-and-zoom component library that provides a flexible drag configuration and allows us to scale from different angles. :red_heart: Mobile drag and drop is supported....
报错记录 | Error: Cannot find module ‘react-dev-utils/crossSpawn’
01-07
Error: Cannot find module 'react-dev-utils/crossSpawn' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15) at Function.Module._load (internal/modules/cjs/loader.js:562:25) ...
react-move：React移动| 漂亮的，数据驱动的React动画
02-05
React移动 用于React的精美，数据驱动的动画。 只需3.5kb（压缩）！ 产品特点 动画HTML，SVG和React-Native 细粒度控制延迟，持续时间和缓动 动画生命周期事件：开始，中断，结束 自定义补间功能 很棒的文档和许多...
前端开源库-tslint-no-unused-expression-chai
08-30
前端开源库-tslint-no-unused-expression-chaitslint no unused expression chai，custom tslint no unused expression rule支持chai的expect断言
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 an expression
weixin_44082369的博客
08-27 1788
这是第二次犯这个错误了，有必要记录一下提醒自己 翻译：期望看到的是一个赋值或者函数调用，而看到的是一个表达式 修正：将 2 处的 {} 改为 () 注：第一处标记是因为上次把 render() {} 表达式 ...
Expected an assignment or function call and instead saw an expression
BLUEHEART
10-05 922
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
一些使用eslint检查的报错、原因和处理
qfm17773971907的博客
06-21 6135
一些使用eslint检查的报错、原因和处理
eslint解决方案整理
zcfzfc123456789的博客
02-24 2万+
eslint 解决方案整理 最近在处理react项目中报的warning，进行了以下整理 参考文档 http://eslint.cn/docs/rules/ 项目中遇到warning的解决 $ xxx is defined but never used no-unused-vars 禁止出现未使用过的变量删除 $ Expected '===' and instead saw '==...
上面是错误代码，请帮我修改Expected an assignment or function call and instead saw an expression no-unused-expressions
最新发布
06-08
好的，我来帮您修改一下代码，如下所示： ```jsx import React from 'react'; import { Radio } from 'antd'; const onChange = (e) => { console.log(`radio checked:${e.target.value}`); }; const Mysex = () => ( <> <Radio.Group onChange={onChange} defaultValue="a"> <Radio.Button value="a">Hangzhou</Radio.Button> <Radio.Button value="b">Shanghai</Radio.Button> <Radio.Button value="c">Beijing</Radio.Button> <Radio.Button value="d">Chengdu</Radio.Button> </Radio.Group> </> ); export default Mysex; ``` 主要修改包括： 1. 将 `import` 语句和 `const onChange` 定义放在同一行； 2. 删除了多余的 `(1)` 表达式； 3. 将组件定义成函数组件并使用 React 的片段语法，使代码更简洁易懂。 希望这能帮到您！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值