React | Expected an assignment or function call and instead saw.....

记一个 react 程序报的错误：Expected an assignment or function call and instead saw an expression，直译是：需要是一个函数调用或赋值，不过却是一个表达式。

这个错误让我摸不着头脑，反复看代码也没发现哪出问题了，最后在看到这篇文章的时候才发现是哪错了（箭头函数里的括号问题）。这里记录一下来加深印象，也给出现同样问题的朋友们提供一个案例。

其实主要也是自己基础不扎实的问题

在我对箭头函数的印象中：若箭头函数的函数体中只有一条语句，那么此时可以不用加（可选）括号 {} / ()，且默认会加上 return，而若有多行的话，需要使用 {} 包裹且需要加上 return 关键字。

不过要注意的是，如果箭头函数的函数体中只有一条语句的，且我们选择加上了括号 {} ，那么需要加上 return 关键字，其实是加上了 {} 的箭头函数体都必须加上 return，否则默认会返回 undefined。

我程序中出现的错误就是一条语句的箭头函数中加上了 {} 却没加 return。

也就是：

// 注意，这边错了！
children: children.map(child => {typeof child === 'object'? child: createTextElement(child)
})

正确的写法应该是：

children: children.map(child => {retrun typeof child === 'object'? child: createTextElement(child);
})// 或者直接不加括号，或者加的是 ()
children.map(child => typeof child === 'object'? child: createTextElement(child);
)

React | Expected an assignment or function call and instead saw.....相关推荐

Invalid value for option“watch“:expected anObject,but got Function.
在运行时报选项"watch"的值无效:应为对象,但得到函数这样一个问题. 项目场景 watch() {(val, oldVal) => {if (val) {this.a ...
jslint4java_JSLint检测javascript的错误提示
"Missing semicolon." : "缺少分号.", "Use the function form of \"use strict ...
JSLint检测Javascript语法规范
前端javascript代码编写中,有一个不错的工具叫JSLint,可以检查代码规范化,压缩JS,CSS等,但是他的语法规范检查个人觉得太"苛刻"了,会提示各种各样的问题修改建议, ...
[TypeScript] vs code TSLint常见错误解决方案
TSLint是一个Typescrip{过滤}t验证工具,用于检测代码. TSLint: comment must start with a space (comment-format) 注释必须从一个 ...
JSLint报错翻译
"Missing semicolon." : "缺少分号.", "Use the function form of \"use strict ...
ECMAScript6语法检查规范错误信息说明
项目中使用ECMAScript6的时候经查会使用语法检查,下面是常见错误信息的汇总: 1 "Missing semicolon." : "缺少分号.", 2 & ...
React源码分析（二）= Reac初次渲染分析
文章目录 1. render阶段 legacyRenderSubtreeIntoContainer 1.1. legacyCreateRootFromDOMContainer 1.1.1. React ...
React 学习总结
React 入门实例教程 http://www.ruanyifeng.com/blog/2015/03/react.html 现在最热门的前端框架,毫无疑问是 React . 上周,基于 React ...
react 遍历对象_React 源码系列 | React Children 详解
本文基于 React V16.8.6,本文代码地址测试代码源码讲解 React 中一个元素可能有 0 个.1 个或者多个直接子元素,React 导出的 Children 中包含 5 个处理子元素的 ...

React | Expected an assignment or function call and instead saw.....

React | Expected an assignment or function call and instead saw.....相关推荐

最新文章

热门文章