、などdocumentのサーバー側のレンダリングでクライアント側のテクノロジを参照することによって発生するエラーを軽減する方法は?document.cookielocalStorage
たとえば、React.js とサーバー サイド レンダリングを使用します。サーバー上でクライアント側の GUI コンポーネントをレンダリングし、同じコンポーネントをクライアント側にも個別に送信します。サーバー側とクライアント側のコンポーネントでレンダリングされた出力とそれに提供される小道具 (React 小道具) は、サーバー側のレンダリングの利点を失わないように同じにする必要があります。クライアント側では、React.js がこの 2 つの条件でどちらをレンダリングするかを調べて決定します。レンダリングされた出力と React コンポーネントに提供される小道具。これらのコンポーネントでは、クライアント側のバージョンでクライアント側のテクニカル リファレンスを持つことができますが、サーバー側のバージョンでそれらを参照するとエラーが発生します。
この 2 つのバージョンの GUI コンポーネントの JavaScript コードは異なる可能性があるため、それらを異なるものにすることができることはわかっていますdocument.cookie。たとえば、サーバー側のバージョンは参照しません。しかし、開発を単純化し、これによるエラーを回避するために、これはあまり簡単ではありません。また、このような場合、ブラウザはコンポーネントのクライアント側バージョンを実行してdocument.cookieまたはに到達localStorageします。そうでない場合、この軽減策はまったく機能しません。