問題タブ [react-ssr]

私は、https://github.com/ayroblu/ssr-create-react-app-v2と同様のセットアップを sass 前処理とともに使用しています。

現在、スタイルは ignore-styles パッケージを使用してサーバー側で無視されています -

ただし、コンポーネントでは、次のようなコードを使用しています -

スタイル変数を介して参照されるクラス名は、(スタイルを無視するため) サーバー側ではレンダリングされませんが、フロントエンドでは正常に機能します。

サーバー側のレンダリングを壊すことなく、クラス名が完全に機能するようにするにはどうすればよいでしょうか?

私はこのチュートリアルに従っています: https://crypt.codemancers.com/posts/2017-06-03-reactjs-server-side-rendering-with-router-v4-and-redux/これは「標準」だと思います反応でサーバー側のレンダリングを行う方法（？）。

基本的に何が起こるかは、react ルーター (v4) を使用して、レンダリングしようとしているすべてのコンポーネントのツリーを作成することです。

これらすべての promise が解決されるのを待ってから、 を呼び出しますrenderToString。

私のコンポーネントには、fetchInitialData次のような静的関数が呼び出されています。

getUsersそして、サーバーとクライアントの両方で呼び出されることを除いて、これはすべてうまく機能します。

getUsersもちろん、ロードされていてコールインしていないユーザーがいるかどうかを確認することもできますがcomponentDidMount、非同期コールを 2 回行わないようにするための、より適切で明示的な方法が必要です。