Javascript 用于从js传输到jsx的工具

我很好奇是否有任何传输工具将从普通JS转换为JSX。Babel将把JSX传输到JS，但据我所知，它无法返回到JSX

从：

var-Nav；
//输入（JSX）：
var-app=；
//输出（JS）：
var app=React.createElement（Nav，{color:“blue”}）；

是否有相反方向的工具：

var Nav;
// Input (JS):
var app = React.createElement(Nav, {color:"blue"});
// Output (JSX):
var app = <Nav color="blue" />;

var-Nav；
//输入（JS）：
var app=React.createElement（Nav，{color:“blue”}）；
//输出（JSX）：
var-app=；

---

谢谢

我自己还没有试过，但是现在有一个巴别塔插件可以完全按照你的要求来做

babel js转jsx

根据文件：

Babel 6插件，用于从desugared React.DOM CallExpressions转换-> 等价的JSX。当前用于从其他服务器迁移到ES6+ 编译为JS语言

它可以用作插件：

或者从命令行使用 其他工具：

---

你到底为什么要这么做，哈哈。JSX的要点是使编写React组件变得容易。不可追溯地使React组件更易于开发人员理解。如果您正在寻找有助于调试的工具，请尝试官方开发人员工具：Hey JCD，感谢您的回复。这样做的原因是继承使用

React.createElement

编写的应用程序。我想用jsx版本替换所有

React.createElement

s。我怀疑这样的东西是否存在。您最好的选择可能是找到原始作者并向他们索要源JSX。

var Nav;
// Input (JS):
var app = React.createElement(Nav, {color:"blue"});
// Output (JSX):
var app = <Nav color="blue" />;

require("babel-core").transform(code, {
  plugins: ["js-to-jsx", "syntax-jsx"],
}).code

npm install babel-plugin-js-to-jsx
cat example.ls | lsc -cb --no-header | js-to-jsx | esformatter -c format.json