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

Question

React Router可以通过getComponent或getComponents异步加载路由，这没关系。但是，如果用户的互联网连接速度较慢，我应该显示一些带有加载程序的页面和一些文本消息，例如“请等待组件正在加载”等等。如何使用getComponent配置？

Answer 1

而不是<h1 id="greeting"></h1>，您应该使用getComponent并提供一个默认显示加载消息的组件，但是一旦加载了组件，它就会显示该组件。

您可以参考this github gist作为示例。它是为React Router v4编写的，但想法是一样的。您可以引用微调器，加载器消息等，而不是呈现component。