2016-09-14 78 views
0

我想了解客户端路由工程。但我仍然很难想象它是如何工作的。React-Router:使用客户端路由进行服务器请求的过程?

比方说,我有这样的(例如)一些代码:

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

是怎样的过程?

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

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

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

回答

1

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

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

+0

非常感谢。从“动态路由”:“大型应用的主要关注点是启动应用所需的JavaScript量。”确切的担心是让我思考的问题:它是否真的会一次加载全部?如果它是一个大型应用程序,它是什么?所以显然这确实是一个普遍问题。 – mewi

相关问题