有没有工具可以将 React Elements javascript 代码转换为 JSX

Question

不难找到一个把JSX转换成React.createElement的工具，像这样：

  <div className="commentBox">
    Hello, world! I am a CommentBox.
  </div>

对此：

  React.createElement('div', {className: "commentBox"},
    "Hello, world! I am a CommentBox."
  )

我找不到可以进行反向转换的工具。我有一个很大的 React.createElement 代码库，我想将它转换为纯 JSX。我该怎么做？

Answer 1

这有点不寻常，但有一个工具可以解决这个问题：https://www.npmjs.com/package/babel-plugin-transform-react-createelement-to-jsx。好像比较新鲜，好幸运。

Is there a tool to convert React Elements javascript code to JSX