类型babel和jsx之间的区别是什么

时间:2016-03-29 03:02:35

标签: html reactjs

我刚刚开始使用React JS ...我很抱歉但我很困惑type =“text / babel”和type =“text / jsx”

之间的区别

我何时使用它们..请帮助我理解。

1 个答案:

答案 0 :(得分:24)

Babel is a transpiler将输入代码转换为“纯粹的”JavaScript。

JSX is a syntax sugar优于JavaScript。你编写.jsx并使用转换器(通常是Babel)将其转换为.js。

当您编写text/babel时,您正在向Babel库说,您希望将该脚本转换为纯JavaScript。

如果你写text/jsx,你说你的脚本在.jsx中,你需要一个转换器来解析你的代码。

如果您想编写.jsx和/或ES6而不配置像webpack或browserify这样的捆绑包,请通过CDN加载Babel并使用text/babel以简化。