如何在异步路由加载时添加微调器？

Question

React路由器可以通过getComponent或getComponents异步加载路由，并且没问题。但是，如果用户的互联网连接速度较慢，我应该显示一些带有加载程序的页面和一些文本消息，如“Please wait component is loading”等。如何配置使用getComponent？

Answer 1

而不是getComponent，你应该使用component并提供一个组件，默认情况下显示加载消息，但是一旦它加载了一个组件，它会显示该组件。

例如，您可以参考this github gist。它是为React Router v4编写的，但想法是一样的。而不是渲染null你会参考微调，加载信息等。