Reactjs `eval()`ing包含JSX语法的代码

Reactjs `eval()`ing包含JSX语法的代码,reactjs,Reactjs,我有一个网站,服务器在其中生成一些javascript,并通过ajax将其发送到客户端。问题是,我想在页面上使用React,但不知道调用哪个函数。现在javascript在jQuery中,我使用eval()在客户端执行javascript。对JSX有效的eval()的React等价物是什么。如果您想让它与JSX一起工作,可以在执行之前用类似的东西来传输代码 例如,使用巴别塔时: var jsCode = babel.transform(jsxCode); eval(jsCode.code);

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

如果您想让它与JSX一起工作,可以在执行之前用类似的东西来传输代码

例如,使用巴别塔时:

var jsCode = babel.transform(jsxCode);
eval(jsCode.code);
您还可以使用
run
方法简单地执行代码:

babel.run(code);
transform
run
都采用可选的
options
hash;查看更多详细信息


当然,作为标准,.

请参见此处--如果要将React组件直接嵌入到现有页面中,您需要使用
。您应该预编译内容,而不是要求客户端下载大型复杂的编译器,编译,然后显示内容。如果该页面可以在移动客户端上使用,这一点尤其正确。谢谢,这正是我想要的。