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

Question

I have Code Login code What i actually need, is to store a whole login.js react component file as a string in the database and then fetch file from db and render that to browser.

I can not render from server since it will take lot of request to do that because the file will be edited by user also will not be real time. Please guide me.

Can it be possible?

Answer 1

It is usually frowned upon and should only be done if you are fully in control of what goes inside the string variable. But you can do something like this:

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

you wouldn't need to do any of the json stringify or json parse stuff either just would send in as a regular html string.

here is more info on it from React docs https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

The reason you need to ensure you are in control of what goes in it is because there is no sanitization of the html and it could be a huge security issue. But if you know exactly what will go in or out of it then there isn't an issue there.