在React（带有Next.js的SSR）中呈现格式化（未分级）的HTML

Question

如何在React（带有Next.js的SSR）中呈现格式化（未分级）的HTML？

预期输出：

<div> 
    <div> 
     <input type="text" /> 
    </div> 
</div> 

现在接受：

<div><div><input type="text"/></div></div> 

TY！

Answer 1

您需要在实际返回到浏览器之前格式化输出。至于nextjs，首先切换到自定义服务器nexjs custom server and routing和演练this答案漂亮的打印HTML。使用nextjs或反应SSR，这可能无法作为内置的可配置选项。

Answer 2

您或许正在寻找dangerouslysetinnerhtml。它允许你传递一个你想要呈现为原始HTML的字符串。

function createMarkup() { 
    return {__html: '<div><div><input type="text"/></div></div>'}; 
} 

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