在 React.js 中，我如何从组件的字符串表示中呈现组件？

Posted 2023-02-22

【中文标题】在 React.js 中，我如何从组件的字符串表示中呈现组件？

【英文标题】：In React.js, how would I render a component from a string representation of a component?

【发布时间】：2015-10-15 14:38:36

【问题描述】：

我的具体问题是我希望能够创建动态模板，具体取决于某个记录中包含的项目类型。我想将这些组件作为字符串存储在数据库中，并在加载项目时动态呈现它们。模板需要能够处理动态反应变量。它们不仅仅是 html 字符串，就像 *** 上的其他一些示例一样。

如何才能做到这一点？有可能吗？

【问题讨论】：

How to render a react element using an html string?的可能重复

或考虑"Render a react component based on its name" 或"Dynamically rendering a react component"

【参考方案1】：

您可以使用dangerouslySetInnerHTML，记录在案的here。

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

这也讨论了here。