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”。因此，一方的某些部分与Users-component的内容交换？

或者在需要时是否要求组件？慵懒加载可以这么说。

Answer 1

过程： 您描述的路由导入所有组件处理路由，因此它们在结果包中都可用。路由器匹配路径并相应地呈现这些组件（在/上呈现Home，在/users上呈现Users，依此类推）。它们不是延迟加载的，因为它们已经包含在路由定义中。

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