首页 男生 其他 深入浅出React和Redux

11.2.3 默认链接

深入浅出React和Redux 程墨 1100 2021-04-06 02:29

  您可以在百度里搜索“深入浅出React和Redux 艾草文学(www.321553.xyz)”查找最新章节!

  

  11.2.3 默认链接

  到目前为止,这个应用还有一个缺陷,就是当路径部分为空时,React-Router只匹配中了App组件而已,而App组件的角色只是一个包含TopMenu的壳子,直接访问http://localhost:3000看到的除了TopMenu之外什么都没有。

  在路径为空的时候,应用也应该显示有意义的内容,通常对应主页内容。在这个应用中,我们希望路径为空的时候显示Home组件。

  React-Router提供了另外一个组件IndexRoute,就和传统上index.html是一个路径目录下的默认页面一样,IndexRoute代表一个Route下的默认路由,代码如下:

  

  

  

  

  

  

  

  这样一来,无论http://localhost:3000还是http://localhost:3000/home访问的都是包含Home的主页内容。 深入浅出React和Redux

目录
设置
手机
书架
书页
评论