JSX转JS（Jsx2Js）将JSX代码转化成Js代码

原创

用户8703799

发布于 2026-01-05 08:43:16

1020

文章被收录于专栏：javascript技术javascript技术

JSX是一种在React中使用的、JS的语法扩展格式，它是接近JS的、但非标准的JS语法。

如果想要在JS环境执行（比如浏览器），或者想对其进行混淆加密以提升代码安全性，就需要将JSC转化成标准JS代码。

那么，如何将JSX转JS呢？

当然是使用工具啦，比如JShaman的JSX转JS工具：

例，JSX代码：

function Greeting({ name }) {
  return (
    <div className="greeting">
      <h1>Hello, {name}!</h1>
      <p>Welcome to our website.</p>
      <button onClick={() => alert('Clicked!')}>
        Click Me
      </button>
    </div>
  );
}

转化成JS会得到：

function Greeting({ name }) {
  return /*#__PURE__*/(
    React.createElement("div", { className: "greeting" }, /*#__PURE__*/
    React.createElement("h1", null, "Hello, ", name, "!"), /*#__PURE__*/
    React.createElement("p", null, "Welcome to our website."), /*#__PURE__*/
    React.createElement("button", { onClick: () => alert('Clicked!') }, "Click Me"

    )
    ));

}

有需要的朋友，快去使用吧。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

jsx