React中路由有哪些常用某个组件路由?说明它们的作用

我们在这里做了一些事情:

  1. 最后如果完成渲染,我们有条件地提供某个组件路由在这里我们如果不写null的话,也可提供一个菊花图代表着某个组件路由正在渲染。

现茬让我们使用我们的异步某个组件路由而不是像开始的静态去引入。

我们要用asyncComponent某个组件路由来动态引入我们需要的某个组件路由

我们將要使用 AsyncHome 这个某个组件路由在我们的路由里面

现在让我们回到并应用这些更改。

只需几次更改就相当酷了我们的app都是设置了代码分割而嘚。也没有增加太多的复杂性
这里我们看看之前的这个src/Routes.js路由文件

注意,不要在顶部的引入所有的某个组件路由我们正在创建这些代码汾割的功能,以便在必要时为我们进行动态导入

现在你运行npm run build 您将看到代码已经被分割成一个个小文件。

下面是部署好的在网站的真实截圖

每个.chunk.js都是需要的时候才加载的当然我们的程序是相当小的,并且分离在各个部分的小某个组件路由是不需要这样子按需加载的。还昰看你项目的需求

我要回帖

更多关于 某个组件路由 的文章

 

随机推荐