ReactJs.netサーバーのサイドレンダリングでクライアントの初期化がスローされる

Question

reactjs.netの実装がありません。私はすべてのコードを理解していますが、なぜWebコンソールにエラーが表示されるのかわかりません：

React-rendered子を新しいルートコンポーネントに置き換えます。あなたがこのノードの子を更新することを目的とする場合は、代わりに既存の子どもたちが自分の状態を更新し、レンダリングする必要があります代わりにReactDOM.render

を呼び出すの新しいコンポーネントは基本的に、私は作業 JSXファイルを持っており、それをレンダリングasp.net mvc view with

コンポーネントがレンダリングされ、serverSideOnlyなどでテストされています。しかし、上記の設定では、私は上記のエラーが発生します。私はReactが、ドキュメントが言うようにイベントハンドラを接続するのではなく、コンポーネントを再レンダリングしようとしているようです。

私は間違って何をしていますか？

Answer 1

私は実際にこのエラーがポップアップした理由を知りました。それは、私のように私が不器用なHTMLを囲んでいることと関係がある - 反応生成のために設定されたIDタグを持つdivを作成した。私は外のdivを削除し、Reactがそれを作成しました。私の側にあるReactの誤解のようなもの。

Answer 2

私は同様の問題を抱えていましたが、私はそれを以下のように解決しました。

まず、ページにレンダリングするプレーンhtmlを取得します。

@Html.React("myClass",{ data = "Martin" }, serverOnly: true) 

第2フックアップフロントエンド。

@Html.ReactInitJavaScript(clientOnly: true)