React Router 4.0 (下列全称 RR4) 早已正式宣布正式发布,它遵从React的结构设计经营理念,即天地万物皆模块。因此 RR4 而已一大堆 提供更多了导航系统机能的模块(除了若干个第一类和方式),具备新闻稿式(导入狸尾豆),可女团性的特征。
R4 此次选用单标识符库房数学模型构架(monorepo),这象征意义者那个库房里头有若干个互相分立的包,依次是:
react-router
React Router 核心理念react-router-dom
用作 DOM 存取的 React Routerreact-router-native
用作 React Native 的 React Routerreact-router-redux
React Router 和 Redux 的软件系统react-router-config
动态路由器实用性的小助手
只好他们很多迷惘,提及
react-router 却是 react-router-dom?
npm install --save react-router
// using an ES6 transpiler, like babelimport{Router,Route,Link}fromreact-router
$ npm install react-router-dom@next# or$ yarn add react-router-dom@next
import{BrowserRouterasRouter,StaticRouter,// for server renderingRoute,Link// etc.}fromreact-router-dom;
在 React 的使用中,他们一般要导入两个包,react
和react-dom
,那么react-router
和react-router-dom
是不是两个都要提及呢?非也,坑就在这里。他们两个只要提及一个就行了,不同之处就是后者比前者多出了
这样的 DOM 类模块。因此他们只需提及react-router-dom
那个包就行了。当然,如果搭配 redux ,你还需要使用react-router-redux
。详细内容查看:http://blog.csdn.net/sinat_17775997/article/details/69218382