私はNodeschoolのreactチュートリアル、というタイトルのモジュールをやっていますlearnyoureact。
レッスン中Isomorphic(11 の 8)、次の警告が表示されます。
warning.js:44Warning: React attempted to reuse markup in a container but the checksum was invalid.
This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting.
React injected new markup to compensate which works but you have lost many of the benefits of server rendering.
Instead, figure out why the markup being generated is different on the client or server:
私の解決策はこれと同じで、この解決策からコピーして貼り付けようとしましたが、それでも同じ警告が表示されます。問題を再現するには、上記のリポジトリからコードをコピーします。
それはどういう意味ですか？thisやthisなど、これに関するいくつかの SO 投稿を見ましたが、解決策が私の問題/警告に関係しているとは思いません。React の初心者として、私は次に何をすべきか困惑しています。HTML ページは問題ないように見えますが、learnyoureactモジュールには別の HTML が生成されていると表示されており、Chrome の検査ツールでも確認できます。
問題はこの行に起因することがわかりました。
ReactDOM.render(<TodoBox data={data} />, document.getElementById("app"));
この問題/警告を修正するにはどうすればよいですか? ありがとうございました！
エラー トレースの図を次に示します。
これが私が今見ているものです。数時間後に立ち去って再実行した後、警告は不思議なことに消えましnode program.jsたが、端末ではまだ同じ誤った HTML が表示されます。何か案は？
