如何渲染以字符串形式存储在变量中的反应组件？

Question

我有代码Login code 我真正需要的是将整个 login.js react 组件文件作为字符串存储在数据库中，然后从 db 中获取文件并将其呈现给浏览器。

我无法从服务器渲染，因为这样做需要很多请求，因为用户编辑的文件也不是实时的。请指导我。

可以吗？

Answer 1

这通常是不受欢迎的，只有在您完全控制字符串变量内部的内容时才应该这样做。但是你可以这样做：

<div dangerouslySetInnerHTML={ __html: A } />;

你不需要做任何 json stringify 或 json parse 的东西，只需将其作为常规 html 字符串发送即可。

这里有更多信息来自 React 文档https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

您需要确保可以控制其中的内容的原因是，没有对 html 进行清理，这可能是一个巨大的安全问题。但是，如果您确切地知道会进出什么，那么那里就没有问题了。