javascript - “Uncaught SyntaxError: Unexpected token {” 使用 Reactify

Question

我正在按照教程使用 React 创建 FixedDataTable。但是，让以下行在我的 jsx 文件中工作时遇到一些问题：

const {Table, Column, Cell} = require('fixed-data-table');

这给出了错误（在 Chrome 中）：

Uncaught SyntaxError: Unexpected token {

我正在使用browserify和reactify将我的 jsx 代码转换为 javascript。其他使用 require 的行可以正常工作。

我对 JavaScript 和 React 很陌生，如果有任何解决问题的建议，我将不胜感激。

score 1 · Accepted Answer

正如评论中指出的那样，reactify 中的 ES6 选项未激活。我在我的 gulpfile 中编辑了以下行：

transform: [
    [ 'reactify', {'es6': true} ]
],

然后它起作用了。作为一种解决方法，我发现您也可以这样做：

var FixedDataTable = require('fixed-data-table');

var Table = FixedDataTable.Table;

var Column = FixedDataTable.Column;

代替

var {Table, Column, Cell} = require('fixed-data-table');

1 回答 1