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

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

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

那么，如何将JSX转JS呢？

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

https://www.jshaman.com/tools/jsx2js.html

例，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" ) )); }

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