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

标签 reactjs

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

最佳答案

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

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

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

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

babel.run(code);

transformrun 都采用可选的 options 哈希值;检查the documentation了解更多详情。

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

关于reactjs - `eval()` ing 带有 JSX 语法的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33225951/

相关文章:

javascript - 从数据库获取数据后,setState 在 native react 中不起作用

javascript - 从代码中的 Flow 对象类型获取键

node.js - WebSocket 已经处于 CLOSING 或 CLOSED 状态 Socket io

javascript - 警告 : Can only update a mounted or mounting component

javascript - 如何在 <pre> 标签中自动换行?

reactjs - 如何使用给定地址初始化 StandaloneSearchBox 组件?

reactjs - 我无法解决的一些依赖关系问题

javascript - Redux 操作工厂不适用于参数

javascript - 使用 Node 进行 Jest 测试 - 超时 - 在 jest.setTimeout 指定的 5000 毫秒超时内未调用异步回调

reactjs - 在 Datepicker (material-ui) 上更改格式日期