Javascript 如何避免字符串被带引号的React呈现？

我试图将HTML片段存储在Javascript字符串中，然后在单击“查看源代码”按钮时在react中呈现它们

这是字符串外观的一个示例：

var testString = "⟨!DOCTYPE HTML⟩"

return <pre>{testString}</pre>;

在我的React组件的渲染函数中，它看起来像：

var testString = "⟨!DOCTYPE HTML⟩"

return <pre>{testString}</pre>;

删除字符串中的引号，但这并没有改变任何内容。我还尝试过将其放入

、
和
标记中，但没有成功。你知道它为什么这么做吗

此外，如果浏览器是这样用引号显示内容的，那么我是否可以只在网页上用引号显示HTML代码而不使用转义字符？i、 e

return <pre dangerouslySetInnerHTML={{ __html: testString }} />;

var testString=“”；
您可以使用
危险的赛汀能HTML
：

返回；