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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cvper/article/details/87603792

在学习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 模块的,

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

                                                            

猜你喜欢

转载自blog.csdn.net/cvper/article/details/87603792