什么是“=>”反应动作代码中的意思?

时间:2016-01-08 15:22:39

标签: reactjs

反应动作库非常棒,'=>'操作员虽然困惑我。在我的实现过程中,它总是向我显示一些语法错误,例如“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>

谢谢。

1 个答案:

答案 0 :(得分:3)

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

为了使用此语言构造,您需要通过Babel之类的工具来转换代码,或者仅支持Chrome 45 +,Firefox 22+或Microsoft Edge。