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（或见下文）。

数组文字中的展开操作

Chrome - 46
火狐 - 16
Internet Explorer - 否
歌剧 - 否
野生动物园 - 7.1

在函数调用中展开操作

Chrome - 46
火狐 - 27
Internet Explorer - 否
歌剧 - 否
野生动物园 - 7.1

解构中的传播操作

Chrome - 否
火狐 - 34

请参阅 this answer 了解如何设置 JSX Transformer 以使用 "ES6 Transforms"。

Reactjs - 传播运算符给出错误

Reactjs - the spread operator giving error

javascript

react-jsx