Reactjs - 传播运算符给出错误

Question

我正在尝试在 react.js 中使用扩展运算符，但在 Chrome 中收到错误 Unexpected token ...。

我在此代码的第 3 行遇到错误：

var Btn=React.createClass({
    render: function(){
        var { className, ...other }=this.props;
        return (<a  {...other} className={joinClasses(className,"btn")} href="#" >{this.props.children}</a>);
    }
});

并使用 JSXtransformer.js 编译 JSX 代码。

我做错了什么导致错误？

Answer 1

Chrome 尚不支持 ... 令牌。

请参阅this page 了解支持的浏览器（或见下文）。

数组字面量中的扩展操作

• 铬 - 46
• 火狐 - 16
• Internet Explorer - 否
• 歌剧 - 否
• Safari - 7.1

函数调用中的扩展操作

• 铬 - 46
• 火狐 - 27
• Internet Explorer - 否
• 歌剧 - 否
• Safari - 7.1

解构中的展开操作

• 铬 - 否
• 火狐 - 34

请参阅this answer 了解如何设置 JSX 转换器以使用“ES6 转换”。