## 一、React-router V4 > 目前react-router版本已经是4.0+，以下以4.0+为例展开。React Router V4 相较于前面三个版本有根本性变化，首先是遵循Just Component的 API 设计理念，其次API方面也精简了不少，对新手来说降低了学习难度。 > React Router V4 遵循了 React 的理念：万物皆组件。因此 升级之后的 Route、Link、Switch等都是一个普通的组件。 > 附相关参考地址： - [react-router文档](http://reacttraining.cn/web/guides/quick-start) - [react-router初识](https://segmentfault.com/a/1190000010174260) >react-router相关代码库： - react-router ：React Router核心 - react-router-dom：用于Dom绑定的React-router（相较于react-router而言，多了Link，BrowserRouter这类组件（react-router和react-router-dom二选一引用就好） - react-router-native：用于React Native的router - react-router-readux ：react-router和redux的集成 - react-router-config ：静态路由配置的助手工具 ### 1.1 引用 > react-router还是react-router-dmo？ > 在React的使用中，需要引入两个包：react,react-dom。但在React路由中，react-router和react-router-dom只需二选一引用就好。在react-router-dom中多了Link，BrowserRouter这样的DOM类组件。（如果搭配redux，还需要引用react-router-redux） ``` # 安装 npm i -S react-router-dom # 引用 import {BrowserRouter，Link，Switch} from 'react-router-dom' ```