javascript - "Uncaught SyntaxError: Unexpected token { "使用 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');