在react组件中执行js代码

Question

我有一段代码服务器发送给反应组件，这段代码被设置为组件属性。此代码包含div标记和其中的脚本标记。我需要在React组件中执行并运行此代码。危险设置innerHTML并不适合我 - 在这种情况下js代码不运行。是否有任何变体可以使这项工作？

提前致谢。

Answer 1

您仍然可以使用eval()。

但您需要了解它所带来的安全隐患。特别是，您需要确保使用与服务器的安全连接，并且不要向用户发布恶意代码。

Answer 2

React不建议使用innerHTML。但如果您非常需要，可以使用

function createMarkup() { return {__html: 'First · Second'}; };
<div dangerouslySetInnerHTML={createMarkup()} />

更多信息https://facebook.github.io/react/tips/dangerously-set-inner-html.html