在 React 中渲染格式化（未缩小）的 HTML（带有 Next.js 的 SSR）

Question

如何在 React（带有 Next.js 的 SSR）中渲染格式化（未缩小）的 HTML？

预期输出：

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

现在收到：

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

泰！

Answer 1

您需要在实际返回浏览器之前格式化输出。因此，对于 nextjs，首先切换到自定义服务器nexjs 自定义服务器和路由并演练此答案以漂亮地打印 html。使用 nextjs 或 React SSR，这可能无法作为内置的可配置选项。