Reactjs 在React中呈现格式化(未统一)的HTML(带Next.js的SSR)

Reactjs 在React中呈现格式化(未统一)的HTML(带Next.js的SSR),reactjs,react-redux,server-side-rendering,html-rendering,nextjs,Reactjs,React Redux,Server Side Rendering,Html Rendering,Nextjs,如何在React(SSR with Next.js)中呈现格式化(未格式化)的HTML 预期产出: <div> <div> <input type="text" /> </div> </div> 现在收到: <div><div><input type="text"/></div></div> 泰 您可能正在寻找。它允许您传入希望呈现为原始H

如何在React(SSR with Next.js)中呈现格式化(未格式化)的HTML

预期产出:

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

现在收到:

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

您可能正在寻找。它允许您传入希望呈现为原始HTML的字符串

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

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}
函数createMarkup(){
返回{uuuuhtml:''};
}
函数MyComponent(){
返回;
}

在实际返回浏览器之前,您需要格式化输出。对于nextjs,首先切换到定制服务器,并演练如何打印html。使用nextjs或react SSR,这可能无法作为内置的可配置选项。

对不起,这不是我的问题。我的意思是整个页面呈现缩小(在1行)。谢谢!这就是我需要的@尼古拉克涅维奇很高兴这有帮助!