javascript - 在 ReactJS 应用程序中动态重新编译 JSX

Question

是否可以访问和修改用于创建 React 类并即时重新编译它的 JSX。例如，如果您有以下内容:

var Item = React.createClass({
    render: function () { 
        return <div>Hello</div>
    }
}

我们如何:访问原始 JSX，修改它以返回其他内容，然后进行转译以便可以看到更改？

是的，我知道这可能非常危险。

Answer 1

首先将 JSX 编译为 JS 可能更容易，然后使用 esprima 之类的东西对 esprima 提供的 AST 进行所需的更改。然后再次漂亮地打印到JS。

但我必须问你的用例是什么，因为这似乎不是最好的想法。