反应动作库非常棒,'=>'操作员虽然困惑我。在我的实现过程中,它总是向我显示一些语法错误,例如“Uncaught SyntaxError:Unexpected token {”。我检查了我的代码,我无法找到错误。我无法理解“=>”的含义是什么应该遵循什么语法。谁能解决我的疑问?这是我的代码:
<Motion defaultStyle={this.getDefaults()} style={this.getEnds()}>
{current => {
Object.keys(current).map(key => {
let {rotate,scale} = current[key].val;
let style = {
transform: `rotate(${rotate}deg) scale(${scale})`
};
return
<div
key={key}
className="block"
style={style}>
{key}
</div>
})}
}
</Motion>
谢谢。
答案 0 :(得分:3)
=>
是ES6方式,称为箭头函数表达式或胖箭头函数,用于声明匿名函数,其this
以词法方式设置为手头的对象。
为了使用此语言构造,您需要通过Babel之类的工具来转换代码,或者仅支持Chrome 45 +,Firefox 22+或Microsoft Edge。