有没有办法通过 React JSX 释放 ES6 的全部威力?

Is there a way to unleash the full might of ES6 with React JSX?

我目前正在使用 browserify 和 reactify 插件来为 ReactJS 组件编译 jsx 代码。这允许我在代码中使用 ES6 的某些子集(箭头函数、字符串插值等)。

是否有可能在 JSX 中使用完整的 ES6(将其编译为 ES5)?我想我不能在处理 JSX 文件之前就 运行 ES6TO5,因为语法错误。 运行 reactify 在 ES6 代码上会报语法错误,我也相信。

有没有办法将完整的 ES6 与 ReactJS 和 JSX 一起使用?

您可以使用 Babel 使用 JSX 编译 "full"(即,我们现在拥有的)ES6/ES2015。您可以查看 Babel 的网站以了解如何操作:How to use JSX.

是的,有!我花了一段时间谷歌搜索结果空手而归,所以我做了一个骨架项目:

https://github.com/imcnally/react-es6-gulp-playground

ES6 和 React,与 browserify 和 gulp。