React JSX 如何在幕后转换为 JavaScript

发布日期： 2024-09-23 阅读量： 作者： 网络

react jsx 如何在幕后转换为 javascript

当你编写 react 时，你会经常看到 jsx——一种在 javascript 代码中看起来像 html 的语法。但你有没有想过这段代码在浏览器中是如何运行的？

神奇之处在于：jsx 不是有效的 javascript！浏览器无法直接理解它。在幕后，像 babel 这样的工具介入将 jsx 转换（或“转译”）为常规 javascript。

流程：

1.你编写 jsx – 它看起来像 html，但存在于你的 react 组件中。例如：

const element = <h1>hello, world!</h1>;