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