"Uncaught SyntaxError: Unexpected token { " using Reactify

Question

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

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

给出错误（在 Chrome 中）：

Uncaught SyntaxError: Unexpected token {

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

我对 JavaScript 和 React 很陌生，非常感谢任何解决问题的建议。

Answer 1

正如评论中指出的那样，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');

javascript