react-5 react的路由相关概念总结,react-router,react-router-dom

在学习React 的过程中,当学习到路由的时候,就会发现 react-router 或者 react-router-dom 组件;

这是已经写好的,可以直接拿来使用的react 路由组件;

 

第一个问题: 有的时候我们会看到有些react 的学习的例子中使用了 react-router ,另外一些却使用了

                       react-router-dom (v4.3.1);其实这两个都是路由的组件,只是有些小小的差别;

                       我们来看下react-router 这个组件是啥样的:

                       我们先npm 下载react-router 和 react-router-dom 这两个模块,然后打开node_modules目录

                       找到这两个模块,打开文件,查看目录,如下图所示;

                       我们对比就能发现,原来这两个模块没啥太大的差别,react-router-dom 的路由组件多出来

                        几个而已;所以我们在使用的时候也没必要纠结使用哪个;

                        只要这个模块有我们需要使用的组件,使用哪一个都是可以的,比如说我们使用Switch这个组件,

                        这两个模块中都是有的,那么我使用哪一个都是可以的; 

                        如果我们使用 react-router-dom 这个模块,那么 react-router-dom 模块是依赖于 react-router 模块的,

                        所以两个模块是都会下载的;

 

 

                                                            

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值