如何将字符串转换为 JSX 以在 React 中使用答案

【问题标题】：How to convert string to JSX to using in React如何将字符串转换为 JSX 以在 React 中使用
【发布时间】：2017-09-24 13:17:26
【问题描述】：

我有一些 JSX 格式的字符串保存到数据库中。现在我想再次将它们转换为 JSX。例如：

let a = "<TestComponent />"; // String is loaded from database
ReactDOM.render(
    a,
    document.getElementById('root')
);

这怎么可能？

【问题讨论】：

Rendering a string as React component的可能重复
那篇文章询问“如何获取字符串并将其呈现为内容？”虽然这篇文章询问“我如何获取一个字符串并将其呈现为组件本身？”不是骗子（无论如何）。
谷歌搜索“react parse jsx”并得到npmjs.com/package/react-jsx-parser

标签： reactjs components type-conversion jsx

【解决方案1】：

你可以像这样危险地使用SetInnerHTML：

let a = "<TestComponent />"; // String is loaded from database
function createMarkup() {
  return {__html: a};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}

ReactDOM.render(
  a,
  document.getElementById('root')
);

【讨论】：

没有用。这种方法行不通。相反，它在下面给出：<testcomponent></testcomponent>