如何恢复由 React 构建解析的原始代码文件？

Question

我正在研究 React 旧项目，其中有几个具有本机结构，例如：

...{
    key: "render",
    value: function () {
      return React.createElement(
        "div",
        {
          className: "WrapperExamQuery",
          id: "IndexComponent",
        },
        React.createElement(
          "div",
          {
            className: "loadingWraper",
          },
          React.createElement(
            "div",
            {
              className: "teamLoading",
            },
            React.createElement("span", null, "loading... ")...

在我的实际工作团队中，没有人知道这是为什么，也没有找到原始代码（如果存在）。是否有工具可以解析或解解析这些文件以正常使用 React jsx？欢迎任何建议。谢谢！

Answer 1

我们运行很久以前就遇到过同样的问题。然后我们尝试了这个库。它不再维护，但你可以试试

https://github.com/JoeStanton/babel-transform-js-to-jsx

希望对您有所帮助:)

如何恢复由 React 构建解析的原始代码文件？

How to recover original code file parsed by React build?

jsx

reactjs

uglifier