非同期ルートのロード中にスピナーを追加するにはどうすればよいですか？

Question

React RouterはgetComponentまたはgetComponents経由でルートを非同期にロードできますが、問題ありません。しかし、ユーザーがインターネット接続が遅い場合は、ローダーでいくつかのページを表示し、「Please wait component is loading」などのテキストメッセージを表示する必要があります。 getComponentを使用してその設定を行うにはどうすればよいですか？

Answer 1

getComponentの代わりにcomponentを使用し、デフォルトで読み込みメッセージを表示するコンポーネントを提供する必要がありますが、コンポーネントを読み込んだら代わりにそのコンポーネントを表示します。

例としてthis github gistを参照できます。これはReact Router v4用に書かれたものですが、そのアイデアは同じです。 nullの代わりに、スピナー、ローダーメッセージなどを参照してください。