React-Router：使用客户端路由进行服务器请求的过程？

Question

我想了解客户端路由工程。但我仍然很难想象它是如何工作的。

比方说，我有这样的（例如）一些代码：

<Router> 
    <Route path="/" component={Home} /> 
    <Route path="/users" component={Users} /> 
    <Route path="/widgets" component={Widgets} /> 
</Router> 

是怎样的过程？

当我请求index.html时，组件的代码是否全部从网络服务器上下载？然后，在客户端使用JavaScript管理所有内容，不需要进一步的请求？

比方说，调用URL'example.com/#/users'。作为结果的一部分与用户组件的内容交换？

或者在需要时请求组件吗？懒惰加载可以这么说。

Answer 1

进程： 您描述的路由导入了处理路由的所有组件，因此它们都可用于生成的捆绑包中。路由器匹配路径并相应地呈现这些组件（在/呈现Home，在/users呈现Users等等）。它们不是延迟加载的，因为它们已经包含在路由定义中。

要使组件延迟加载，您必须使用dynamic routing