[英]React-Router: Process of server request with Client-Side Routing?
我正在尝试了解客户端路由的工作方式。 但是我仍然很难想象它是如何工作的。
假设我有这样的代码(例如):
<Router>
<Route path="/" component={Home} />
<Route path="/users" component={Users} />
<Route path="/widgets" component={Widgets} />
</Router>
过程如何?
当我请求index.html时,是否同时从Web服务器下载了组件的代码? 然后,所有内容都在客户端使用JavaScript进行管理,不需要进一步的请求了吗?
假设调用了网址“ example.com/#/users”。 结果,一方的某些部分与用户组件的内容交换了?
还是在需要时要求组件? 懒惰可以这么说。
过程:您描述的路由会导入所有组件处理路由,因此它们在结果包中都可用。 Router匹配路径并相应地渲染这些组件(在/
渲染Home
,在/users
渲染Users
,依此类推)。 它们不是延迟加载的,因为它们已经包含在路由定义中。
要延迟加载组件,必须使用动态路由
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.