html - 类型 babel 和 jsx 有什么区别

Question

我刚开始使用 React JS ... 抱歉，我对 type="text/babel"和 type="text/jsx"之间的区别感到困惑

我什么时候使用它们..请帮助我理解。

Answer 1

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

JSX is a syntax sugar通过 JavaScript。您编写 .jsx 并使用转译器(通常是 Babel)将其转译为 .js。

当您编写 text/babel 时，您是在告诉 Babel 库您想要将该脚本转换为纯 JavaScript。

如果您编写 text/jsx，您是在说您的脚本在 .jsx 中并且您需要一个转译器来解析您的代码。

如果您想在不配置 webpack 或 browserify 等 bundler 的情况下编写 .jsx 和/或 ES6，请通过 CDN 加载 Babel 并使用 text/babel 以简单化。