react-motion代码中的"=>“是什么意思？

Question

react-motion库真的很棒，但是'=>‘操作符把我搞糊涂了。在我的实现过程中，它总是会显示一些语法错误，比如“未捕获的令牌:意想不到的SyntaxError {”。我检查了我的代码，但是我找不到bug。我不明白"=>“是什么意思，也不明白应该遵循什么语法。有人能解决我的疑惑吗？下面是我的代码：

<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>

谢谢。

Answer 1

=>是一种ES6方式，称为箭头函数表达式或胖箭头函数，用于声明匿名函数，并将其this以词法方式设置为手边的对象。

为了使用这种语言结构，你需要通过像Babel这样的工具来转换你的代码，或者只支持Chrome 45+，Firefox 22+或者Microsoft Edge。