如何在異步路由加載時添加微調器？

Question

React路由器可以通過getComponent或getComponents異步加載路由，並且沒問題。但是，如果用戶的互聯網連接速度較慢，我應該顯示一些帶有加載程序的頁面和一些文本消息，如「Please wait component is loading」等。如何配置使用getComponent？

Answer 1

而不是getComponent，你應該使用component並提供一個組件，默認情況下顯示加載消息，但是一旦它加載了一個組件，它會顯示該組件。

例如，您可以參考this github gist。它是爲React Router v4編寫的，但想法是一樣的。而不是渲染null你會參考微調，加載信息等。