問題タブ [next-i18next]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
next.js - Next-i18next ダブル レンダリング
ローカリゼーションのために next-i18next パッケージを使用して、react+next プロジェクトに取り組んでいます。
Chrome と FF の両方で断続的に発生しているようで、next-i18next パッケージ自体に関連しているように見える問題に気付きました。ページが最初に読み込まれると、ページが 2 回レンダリングされることがあります。これは、クライアント側でのみ発生しているようです (新しい GET 要求を作成しません)。他の誰かがこれに遭遇しましたか？
これは、 next-i18next パッケージにある単純な例を複製し、任意のページのメイン コンポーネント (例では Homepage および SecondPage コンポーネント) に console.log を挿入することで再現できます。通常、ページを数回 (私の場合は 10 回未満) ハード リフレッシュするだけで、クライアント側で console.log が 2 回表示されます。このような場合、サーバーはログ メッセージを 1 つだけ表示しますが、クライアントはログ メッセージを 2 回表示します。
これは、dev モードと prod モードの両方でも発生するようです。ただし、prod モードの FF では、リロードのたびに二重レンダリングが発生します。
何かご意見は？
ありがとう。