Next.jsサーバーはコンポーネントウィンドウオブジェクトをレンダリングしました

Question

js google apiライブラリからGoogleログインを処理するコンポーネントがあります。

export default class Index extends React.Component { 
    componentDidMount() { 
    window.onGoogleLoginSuccess = this.onGoogleLoginSuccess.bind(this) 
    } 

    render() { 
    return (
     <div 
      className="g-signin2" 
      data-onsuccess="onGoogleLoginSuccess" 
      data-theme="dark" 
     /> 
    } 
} 

エクスプレスを私のサーバーとして使用しているので、コンポーネントはサーバーでレンダリングされています。

ログをいくつか入れて、サーバーでrenderメソッドが呼び出されており、componentDidMountが呼び出されないことがわかりました。

next.jsがサーバー内のコンポーネントをレンダリングするときに、クライアント側で実行されるいくつかのコードを置くコールバックがありますか？私はウィンドウオブジェクトにアクセスすることができます。

Answer 1

onComponentDidMountコンポーネントはのみ搭載クライアント側であるように、windowにアクセスするための正しい場所である（ただし、レンダリングの両方クライアント&サーバ上で起こります）。

this.onGoogleLoginSuccessの例では、完全なコンポーネントではないかもしれませんが、その例ではthisがそのコンテキストで反応インスタンスを参照するため、この例のようには見えません。