Reactjs “什么是”呢=&燃气轮机&引用;反应动作代码中的含义?
react运动库真是太棒了,“=>”操作符把我弄糊涂了。在我的实现过程中,它总是向我显示一些语法错误,例如“Uncaught SyntaxError:Unexpected token{”。我检查了我的代码,但找不到错误。我无法理解“=>”的含义以及应该遵循的语法。有人能解决我的疑问吗?这是我的代码:Reactjs “什么是”呢=&燃气轮机&引用;反应动作代码中的含义?,reactjs,Reactjs,react运动库真是太棒了,“=>”操作符把我弄糊涂了。在我的实现过程中,它总是向我显示一些语法错误,例如“Uncaught SyntaxError:Unexpected token{”。我检查了我的代码,但找不到错误。我无法理解“=>”的含义以及应该遵循的语法。有人能解决我的疑问吗?这是我的代码: <Motion defaultStyle={this.getDefaults()} style={this.getEnds()}> {current =>
<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>
{当前=>{
Object.keys(当前).map(key=>{
让{旋转,缩放}=当前[key].val;
让样式={
变换:`rotate(${rotate}度)scale(${scale})`
};
返回
{key}
})}
}
谢谢。该
=>
是ES6方法,称为箭头函数表达式或胖箭头函数,用于声明匿名函数,并将其按词汇设置为手头的对象
为了使用这种语言结构,您需要通过类似或仅支持Chrome 45+、Firefox 22+或Microsoft Edge之类的工具来传输代码。这看起来像一个。