reactjs - `eval()` ing 带有 JSX 语法的代码

Question

我有一个网站，服务器正在生成一些 javascript 并通过 ajax 将其发送到客户端。问题是，我想在页面上使用 React，但不知道要调用哪个函数。现在 javascript 在 jQuery 中，我使用 eval() 在客户端执行 javascript。适用于 JSX 的 eval() 的 React 等价物是什么。

Answer 1

如果您希望它与 JSX 一起使用，您可以使用类似 Babel 的内容来转译代码。在执行之前。

例如，当使用 the browser version 时巴别塔:

var jsCode = babel.transform(jsxCode);
eval(jsCode.code);

还有一个 run 方法，您可以使用它来简单地执行代码:

babel.run(code);

transform 和 run 都采用可选的 options 哈希值；检查the documentation了解更多详情。

当然，按照标准，be careful with eval .