Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在React中,为什么fat-arrow函数不起作用,除非用括号括起来_Javascript_Reactjs_Ecmascript 6 - Fatal编程技术网

Javascript 在React中,为什么fat-arrow函数不起作用,除非用括号括起来

Javascript 在React中,为什么fat-arrow函数不起作用,除非用括号括起来,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,现在我知道在ES6中返回对象文字而不是执行代码块需要括号,那么来自同一个React简介页面的以下代码在return语句中是否也这样做? 特别是.mapitem=>-注意使用括号而不是大括号。多谢各位 类TodoList扩展了React.Component{ 渲染{ 回来 {this.props.items.mapitem=> {item.text} } } }这只是一条捷径。检查此示例: 因为否则JavaScript将大括号解释为语句块,而您的目的是返回一个对象文本。如果你想把它们当作一个对象文

现在我知道在ES6中返回对象文字而不是执行代码块需要括号,那么来自同一个React简介页面的以下代码在return语句中是否也这样做? 特别是.mapitem=>-注意使用括号而不是大括号。多谢各位

类TodoList扩展了React.Component{ 渲染{ 回来 {this.props.items.mapitem=> {item.text} } }
}这只是一条捷径。检查此示例:


因为否则JavaScript将大括号解释为语句块,而您的目的是返回一个对象文本。如果你想把它们当作一个对象文字,你需要把它们放在里面,用JSX呈现一个Javascript表达式,你需要用大括号把表达式括起来。看,它只是一个箭头函数。谢谢你对Hosar的解释-这现在很有意义,如果问题是重复的,请道歉;我搜了好一阵子,找不到我要找的东西。我想这是因为这是一个ES6语法问题。谢谢你不用担心M3nd3z,我很高兴它帮助了你。
const fn = () => ({name:'Jhon'})

const fn2 = () => {
    return {name:'Jhon'}
}

console.log(fn()); //Object {name: "Jhon"}
console.log(fn2()); //Object {name: "Jhon"}