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

Question

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

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

怎么可能？

Answer 1

您可以像这样使用dangerouslySetInnerHTML：

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')
);