React（未処理）のHTMLをReact（Next.jsを含むSSR）

Question

React（Next.jsを含むSSR）でどのように表示できますか？

予想される出力：

<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()} />; 
}