javascript - render メソッドを実行する前に、表示中のコンポーネントに反応する

Question

メソッドを実行する前に、私の反応コンポーネントが表示されています（そして完全に機能しています）render()。

このプロジェクトは を使用しており、同様のルート コードはここreact-starter-kitからアクセスできます。

上の図では、一連のアクションを呼び出してから、ターゲット コンポーネント ( Question ) を返しています。

コンポーネント コードの一部を次の図に示します。

console.log問題は、両方が呼び出される前に、コンポーネントが利用可能で完全に機能していることです。

この場合、コンポーネントは最初のアクション呼び出し以降に利用可能ですが、logsすべての後に表示されます。最初からローダーを追加したい。誰でもそれについて何か考えがありますか？

Answer 1

それはおそらくサーバー側でレンダリングされているコンポーネントです。

レンダリングされたためにすべてのフラグ/状態が「ロード済み」に設定されるため、フロントエンドのスクリプトと競合する可能性があります。

このような競合を避けるために、コードがフロントエンドまたはバックエンドで実行されているかどうかを次のように確認できます。

const isBack = typeof window === 'undefined';

使用可能な DOM がない場合は、サーバー上にあります。