javascript - 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 尚不支持 ... token 。

参见this page对于支持的浏览器(或见下文)。

数组文字中的扩展操作

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

函数调用中的扩展操作

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

解构中的扩展操作

• Chrome - 否
• 火狐 - 34

参见this answer了解如何设置 JSX Transformer 以使用“ES6 Transforms”。