如何将 JSX 字符串转换为 JSX 对象？

【问题标题】：How to convert string of JSX to object of JSX?如何将 JSX 字符串转换为 JSX 对象？
【发布时间】：2020-04-02 13:19:25
【问题描述】：

我正在制作自己的虚拟 DOM。我有一个获取HTML 字符串并返回JSX 字符串的函数。之后我需要将这个 JSX 字符串 转换为 JSX 对象 进行比较。

let htmlStr = '<div><div>Section 1</div><div>Section 2</div><div>Section 3</div></div>';
let jsxStr = convertHTMLtoJSX(oldMarkupStr);

【问题讨论】：

标签： jsx

【解决方案1】：

因此，根据链接问题中的answer，您可以使用名为：dangerouslySetInnerHTML 的 NOT RECOMMENDED jsx 属性，那么考虑到您的项目支持jsx，您的函数将如下所示：

function convertHTMLtoJSX(jsxString) {
    return (<div dangerouslySetInnerHTML={{__html: jsxString}}></div>);
}

【讨论】：