如何在 ReactJS 中呈现存储为字符串的 jsx答案

【问题标题】：How to render jsx stored as a string in ReactJS如何在 ReactJS 中呈现存储为字符串的 jsx
【发布时间】：2020-08-25 23:31:46
【问题描述】：

我正在尝试使用自定义组件构建一个反应应用程序。应用程序的输入是来自 API 的 jsx（作为字符串）。现在我想渲染这个输入 jsx（一个字符串变量），但不能这样做。我尝试了 eval() 和 dangerouslySetInnerHTML 选项，但没有成功。我的 JSX 字符串看起来像

'&lt;div&gt; &lt;MyComponent attr_1={this.state.array["field"]}&gt;&lt;/MyComponent&gt; &lt;/div&gt;'

【问题讨论】：

【解决方案1】：

您好，我发现 JsxParser 是解决我的问题的正确方法。 react-jsx-parser 提供了从 JSX 字符串解析和渲染 React 组件的能力。

【讨论】：