react路由组件(react路由配置菜鸟教程)

您好,今天源源来为大家解答以上的问题。react路由组件相信很多小伙伴还不知道,现在让我们一起来看看吧！

react路由组件(react路由配置菜鸟教程)

1、在这个教程里，我们会从一个例子React应用开始学习react-router-dom。

2、其中你会学习如何使用 Link 、 NavLink 等来实现跳转， Switch 和 exact 实现排他路由和浏览器路径历史。

3、 也许学习react-router最好的办法就是用react-router-dom v4来写一个多页的react应用。

4、这个react应用会包含登录、注册、首页、联系人等页面。

5、但是，首先让我们来看一下react router v4的概念，以及它与v3有什么不同的地方。

6、 v4是react router的一次重写，所以和v3有很多不同的地方。

7、主要有： react-router-dom 是react-router中用于浏览器的。

8、 react-router 被分为一下几部分： react-router 是核心部分。

9、 react-router-dom 提供了浏览器使用需要的定制组件。

10、 react-router-native 则专门提供了在原生移动应用中需要用到的部分。

11、所以，如果在本例中实现浏览器开发就只需要安装 react-router-dom 。

12、 如上所说，我们使用react开发web应用，所以只需要安装 react-router-dom 。

13、 在react-router的各种router中， 和 是可以在浏览器中使用的。

14、如果你使用的是一个非静态的站点、要处理各种不同的url那么你就需要使用 BrowserRouter 。

15、相反的如果你的server只处理静态的url，那么就使用 HashRouter 。

16、 组件是react router v4里最有用的组件。

17、背后的使用哲学也很简单，无论何时你需要在匹配某个路径的时候绘制一个组件，那么就可以使用 Route 组件。

本文到这结束，希望上面文章对大家有所帮助。