有没有办法用React JSX释放ES6的全部功能?

时间:2015-02-24 09:24:30

标签: javascript reactjs ecmascript-6 ecmascript-harmony react-jsx

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

是否有可能使用完整的ES6(将其编译为ES5)与JSX?我认为由于语法错误,我不能在处理之前在JSX文件上运行ES6TO5。在ES6代码上运行重新运行会出现语法错误,我相信也是。

有没有办法在ReactJS和JSX中使用完整的ES6?

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:2)

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

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

ES6和React,与browserify和gulp一起举行。